前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

前端学习第二天——制作我们的第一个网页

今天我们来制作我们的第一个网页,我们先在桌面新建一个记事本文档:

新建之后重命名,将拓展名更改为html(就是点后面的txt改成html)然后拖到sublime图标上打开或者右键——打开方式——选择sublime。

法①打开之后可以在界面中写<html>一般编辑器都会有提示,直接按回车生成完整的html标签就行,法②如果安装了emmet插件的话直接在编辑器中输入 ! 然后编辑器会有提示,再按tab键即可生成完整的html标签(注:两种方式下生成的html标签不完全一样,此为html版本不同导致,现阶段不用在意)。

Next.js Canary 支持部分预渲染,以加快网站速度

部分预渲染说起来很有趣,但编写代码却并不有趣 —— 至少对于 Next.js 团队来说最初并不有趣。

HTML解析利器Jericho

Jericho HTML Parser是一个开源Java库,允许分析和操作HTML文档,包括服务器端标记,例如ASP、JSP、PHP等语言标记也是可以解析识别的。作为一款小而美的HTML解析工具,它的整个jar包大小只有不到200KB,这使得它不仅可以被用于有需要的服务器端程序,也可以被用于移动设备例如Android App中。目前最新版本为3.4。

前端基础-初识HTML

当今主流的技术中,可以分为前端和后端两个门类。

前端:简单的理解就是和用户打交道

后端:主要用于组织数据

而前端就Web开发方向来说, 分为三门语言, HTML、CSS、JavaScript

零基础教你学前端——71、CSS列表

这篇我们学习CSS列表。

对于列表,大家并不陌生。比如下面的无序列表和有序列表。

Vue-cli3.0 px转换为rem,完成h5自适应


设计稿对于前端来说是非常重要的,但是设计稿的单位是px,而h5的适配单位现在用得最多的是rem,百度了下都是比较老旧的实现方法,要么自己去计算rem值,要么依靠编辑器安装插件转换,接着我便查了一些资料,然后在这里记录下

技术栈

  • vue-cli 3.0: 使用脚手架工具创建项目
  • postcss-pxtorem: 转换px为rem的插件

7个Web前端程序员必须会用CSS技巧

1、元素的margin的top、bottom及padding的top、bottom使用百分比作为单位时,其是相对父元素的宽度width的而不是我们想象的高度height;

举个例子:

其实出现这种现象,我们可以巧用margin/padding的百分比值实现高度自适应(多用于占位,避免闪烁)

当然该元素高度上的百分比是相对其父元素高度的百分比的,min-height及max-height也适用这条规律。

我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取。

Web前端新手怎么入门 如何用CSS做响应式布局

  Web前端新手怎么入门?如何用CSS做响应式布局?很多Web前端新手对响应式布局和自适应布局的概念以及制作方法分不清,简单来说响应式布局相当于流动网格布局,而自适应布局等于使用固定分割点来进行布局。接下来就给大家讲解用CSS做响应式布局的方法。

  做响应式网站离不开CSS响应式布局查询代码写法,而在此之前,我们需要了解什么是媒体查询以及如何才CSS中引入媒体查询。

自适应设计:自适应图片的完整教程

在这篇文章中我们将学习关于自适应图片:一种可以在不同的屏幕尺寸和分辨率的设备上都能良好工作以及其他特性的图片,并且看看HTML提供了什么工具来帮助实现它们。自适应图片仅仅只是自适应网站设计的一部分,为您奠定了自适应网页设计的良好基础。

初学者:HTML+CSS静态网页开发——网页布局

作者有话要说:此文是作者自己的学习总结,供大家参考,不足之处还请见谅和指正~

在学习完了基本的HTML+CSS标签之后,就可以尝试写一些简单的静态网页啦~练习的过程是充满成就感的,值得反复体会和思考!

网页结构

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言