CSS(Cascading Style Sheet)经验总结

浮动原则:要么都浮动 要么都不浮动;  元素浮动都会转换为行内元素(inline-block)

父绝子相:

margin:0 auto; //让元素水平居中:必须是块元素并且设置了width。

H1每个页面只用一个

制作16*16 icon小图标 http://www.bitbug.net 放在根目录  <link rel="shortcut icon" href="xxx.icon" />

CSS实现表现和结构、内容相分离  注释:/*CSS注释内容*/

行内样式/优先级最高:<a href="#" style="color:red;font-size:12px;">链接内容</a>

内部样式/优先级中:<style type="text/css"> div{ color:red; }</style>  <style type="text/css">@import url("css/a.css");</style>

外部样式/优先级低:<link rel="stylesheets" type="text/css" href="css/a.css" /> rel声明被链接文档与当前文档的关系;type被链接文档的类型;href被链接文档的地址

CSS属性单位
长度单位:
  绝对长度值包括cm、mm、in、pt、pc等,绝对长度值最好用于打印输出设备,而在仅仅作为屏幕显示用时,绝对长度值并无多大意义。
  相对长度值包括px、em、ex等。相对长度是指元素尺寸相对于浏览器的系统默认值来相应的缩放。
颜色单位:
  用百分比值来表示,如color:rgb(50%,0,50%) ;
  使用0-255之间的整数值来设置,如color:rgb(128,0,128) ;
  使用十六进制数组定义颜色,如#fc0eab;
  使用简化的十六进制数定义颜色,如#080;
  为颜色取名:aqua,black,blue,fuchsia,gray,green等。
URL单位:
  URL单位的具体格式是:在“url”后面紧跟一个括号,括号中是url的地址。如果在地址中使用了括号、逗号、空格、单引号和双引号,那么就必须在整个地址的外面加上一对单引号或者双引号。地址可以是相对地址或绝对地址。  例如:p{ background-image : url(img/logo.gif) ; }

上一篇:12月22号


下一篇:vue实现瀑布流