2015.7.8 第三课 课程重点

标签：

1、css选择器：相当于一个标识，有3种选择器

　　第一种选择器：标签选择器 p{ color:red;}
　　第二种选择器：class选择器 .c1{ color:green;} 可被多次调用
　　第三种选择器：id选择器 #d1{ color:blue;} 独有

　　优先级：标签<class<id

　　注意：一个标签可以有多个class，但是只能有一个id

2、css文字效果：

　　字体：font-family
　　字号：font-size
　　颜色：color
　　粗体：font-weight
　　下划线：text-decoration：underline（删除线：line-through；顶划线：overline）
　　英文首字母大写：text-transform：capitalize（全部大写：uppercase；全部小写：lowercase）
　　字母间距：letter-spacing
　　水平位置：text-align

　　居中：

　　　　水平居中：text-align:center
　　　　垂直居中：line-height:300px;(和文字所在的div的高度一样)

3、css继承性：

　　#d1 p 表示id为d1的标签下面的p标签
　　#d1,p 表示id等于d1的标签和p标签

　　注意：css具有继承性，只有字体相关的css属才能够被继承 （面试常问）

4、边框：
　　            样式 粗细 颜色
　　border: solid 1px red;

　　等同于下面3句话：

　　边框样式：border-style:solid;（实线：solid；虚线：dashed；点划线：dotted）
　　边框粗细：border-width:1px;
　　边框颜色：border-color:red;

5、背景：

　　背景颜色：background-color:#00FF00;

　　背景图片：background-image:url(路径);

　　（注意：当图片的的大小，小于它所在的div时，图片会横向、纵向填满div）

　　背景重复：background-repeat:no-repeat;（不重复：no-repeat；横向重复：repeat-x；纵向重复：repeat-y）

　　背景方位：background-position:5px 10px;（左边、上边）

　　背景固定：Background-attachment:fixed;

　　综合：

　　　　background:blue url(xx.jpg) no-repeat fixed 5px 10px;

6、补充内容：

　　·table表格的css属性：border-collapse:collapse;(表格间隙合并)

　　　　常用属性：width、height、border、cellspacing、cellpadding、bordercolor、bgcolor、align
　　　　　　　　　　宽 　　 高 　　 边框 　　 内框宽 　　文字到边框距 　边框颜色      背景色    水平位置

　　·链接时是手的形状：cursor:pointer;

2015.7.8 第三课 课程重点

标签：

原文地址：http://www.cnblogs.com/59muyu/p/4631380.html