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) ; }

标签：Style,Sheet,url,Cascading,color,地址,文档,长度,CSS
来源： https://www.cnblogs.com/luxiaosheng999/p/15457530.html