CSS学习笔记

1.属性名称必须小写
2.属性值必须使用双引号括起来
3.不允许使用属性简写
4.使用id代替name
5.必须使用结束标签
6.类型选择符同样属性后赋值生效,例如
<style>
p {
    text-align: center;
color: red;
font-family: Arial, Helvetica, sans-serif;
font-size: 50px;
}
a,p,div,span{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
}
</style>
<body>
<p>网络小说很好看,让很多人虚度年华,我就是其中一个。</p>
</body>
应为p标签中的font-family和font-size在群组选择符中重复定义值,所以后面的p属性值覆盖前面的属性值
7.伪类伪对象,如:
A:link {color:#666666; text-decoration:none; font-size:9pt;}
A:visited {color:#666666; text-decoration:none; font-size:9pt;}
A:active {color:#4169e1; text-decoration:none; font-size:9pt;}
A:hover {color:#3333FF; text-decoration:underline; font-size:9pt;}
8.CSS 数据单位
px 像素Pixel width:12px;
em 相对于当前对象内文本的字体尺寸 font-size:1.2em;
ex 相对于字符的高度的相对尺寸 font-size:1.2ex;相对于当前字符的1.2倍高度
pt 点/磅(point) font-size:9pt;
pc 派卡(Pica)   font-size:0.5pc;
in 英寸(Inch) height:12in;
mm 毫米(Millimeter) font-size:4mm;
cm 厘米(Centimeter) font-size:0.2cm;
rgb 颜色单位        color:rgb(255,255,255);
                    color:rgb(12%,100,50%);
$RRGGBB 十六进制颜色单位 color:#000fff;
color Name 浏览器所支持的颜色名称 color:green;

9.CSS在网页总的使用方式有三种:
 (1)行间样式表:<p style="font-size:12px;color=#000FFF;font-weight:normal">中国南宁东盟自由贸易区</p>
 (2)内部样式表:
 <style>
     ul {
         padding:0;
margin:0;
list-style:none;
     }
     li {
         float:left;
width:160px;
     }
 </style>
 (3)外部样式表:
 <link rel="stylesheet" rev="stylesheet" type="text/css" src="style.css"/>

 10.样式优先权:
    (1)写法优先权:
         行间样式表
内部样式表
外部样式表
    (2)选择符优先权
        id>class>类型选择符

11.样式继承

你可能感兴趣的:(css)