1、META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。
META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。
2、内联样式、外联样式、外部式
内联式
css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:<p style="color:red";font-size:12px>这里文字是红色。</p>
外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css
”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内,如下面代码:
<link href="base.css" rel="stylesheet" type="text/css" />
优先级:内联式>嵌入式(写在后面)>外联式
3、水平线分隔:<hr>
4、auto自适应
可以看到,p元素和div元素应用了auto属性值后其尽量水平扩展以填充满浏览器,这种机制叫做扩展适应.
而span元素和table元素则只是水平扩展到仅包含其内部元素后即可,这种机制称为收缩适应.
5、min-width:设置元素的最小宽度;
6、z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
7、三种显示屏分辨率:1280 1680 1920
8、line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。(行高)
9、ID需要具有唯一性,并且尽量在外围使用。而CLASS具有可重复性,并且尽量在结构内部使用。这样做的好处是有利于网站代码的后期维护与修改,这样的做法就会让所有的CLASS都成为ID的子级或是孙级。
10、增加水平线的方法:I padding值为1px solid #ccc; II <hr>
11、
block 块级元素,默认情况下(不浮动不绝对定位),该元素后的内容会自动换行。相当于它的后面加了一个