第一周2.23~2.25

2.23
一.文本
1.文本下划线
  text-decoration:overline;//定义文本上的一条线
  text-decoration:underline;//定义文本下的一条线
  text-decoration:line-through;//穿过文本下的一条线
  text-decoration:none;//取消a标签下划线
2.文本转换
  div style=“text-transform:uppercase;”//转大写
  div style=“text-transform: lowercase;”//转小写
3.首行缩进
  “text-indent:50px;”
4.字体
  font-style 字体倾斜
  font-size 字体大小
  font-family 字体样式,微软雅黑,宋体…
  font-weight 字体粗细bold或数字
用em设置字体大小 1em默认大写是16px(不一定)
  em 字体大小由浏览器默认大写决定
  em==>px em浏览器字体大小=px
  %单位，字体由浏览器默认大小的百分之多少计算*
5.px em 和 %百分比的区别
  1.px是固定单位
  2.em和百分比是不固定单位 字体大小由浏览器决定

二.css链接
        a:visited{color:颜色;} 已访问的链接
        a:link{color:颜色;}未访问的链接
        a:hover{color:颜色; }鼠标移动到链接上
        a:active{color:颜色;}链接点击那一刻
三.列表和表格
列表有三种：无序列表(ul)和有序列表(ol)和自定义列表(dl)
list-style:none取消列表默认样式

cellspacing单元格之间距离
cellpadding边框和内容之间的距离
表格文本内容居中排列style=“text-align:center”
合并单元格
colspan合并列
rowspan合并行

	<ul> //无序列表
	  <li ></li>
      <li></li>		
	</ul>
	
	<ol> //有序列表
	  <li></li>
      <li></li>
    </ol>
    
    <dl> //自定义列表
      <li></li>
      <li></li>
    </dl>
    
  table表格
	<tr>表行
	 <th>表头
	  <td>内容单元格

四.盒子模型

	box-sizing:content-box标准盒子模型
	box-sizing:border-box IE盒子模型	怪异盒子模型
	padding内边距

五.边框( border)

1.border-style:边框样式
样式的斜体样式四种，分别是：

	   solid实线
	   dashed虚线
	   dotted点线
	   double双实线

2.border-width：边框宽度
单位有两种px em
border-上下左右-width单独边框宽度

3.border-color：边框颜色
可以设置的颜色：
               颜色的名称，如 “red”
               RGB 值, 如 “rgb(255,0,0)”
               16进制值, 如 “#ff0000”
4.border-width：边框宽度
边框-简写属性
    border-width
    border-style (required)
    border-color

实例：border:5px solid red;

六.轮廓( outline)

概念：在边框边缘的外面

轮廓属性：outline-style outline-color outline-width属性值同上面边框一样

七.margin(外边距)

概念：元素周围的空间

1.单边外边距属性：
margin-top: //上外边距
margin-bottom://下外边距
margin-right://右外边距
margin-left://左外边距

2.Margin - 简写属性
margin:25px 50px 75px 100px; 第一值是左上 第二值是右上 第三个值是右下 第四个值是左下
margin:25px 50px 75px ； 第一个值是上 第二个值是左右 第三个值是下
margin:25px 50px; 第一个值是上下第二个值是左右
margin:25px;指的是上下左右

八.padding(内边距)

概念：元素边框与元素内容之间的空间，即上下左右的内边距

1.单边外边距属性：
padding-top: //上内边距
padding-bottom://下内边距
padding-right://右内边距
padding-left://左内边距

2.Margin - 简写属性
padding:25px 50px 75px 100px; 第一值是左上 第二值是右上 第三个值是右下 第四个值是左下
padding:25px 50px 75px ； 第一个值是上 第二个值是左右 第三个值是下
padding:25px 50px; 第一个值是上下第二个值是左右
padding:25px;指的是上下左右

九.分组选择器

分组选择器：
概念：为了尽量减少代码，可以使用分组选择器，每个选择器用逗号分隔
实例
h1,h2,p
{
color:green;
}