CSS

CSS的特点：语言简单，代码可以重复使用，依赖于HTML

　　　作用：给网页进行样式的开发与布局

　　　　　　不同的声明操作同一个标签时，根据代码的自上而下顺序进行执行（显示代码最后执行）

使用：Css的声明：

第一种方法：公共标签

<style type="text/css">

hr{

样式

}

</style>

第二种：在标签中直接声明style属性

第三种：使用link标签引入外部声明好的css文件

css选择器：标签选择器：直接用标签名来定义样式　　给网页内所有该标签添加相同的属性

　　　　　　id选择器：给标签添加id，通过id唯一确定一个元素，属性命名时，#id值　　给某个指定的标签添加指定的属性

　　　　　　类选择器：点类型　　在元素标签中添加class属性，值为前面定义的类名　　给不同的标签添加相同的属性

　　　　　　全部选择　　*{　　}　　给整个页面添加相同的属性

　　　　　　组合选择器：选择器1，选择器2{　　}j解决不同选择器之间重复的样式

　　　　　　子标签选择器x　　选择器1z子标签选择{　　}　　

　　　　　　属性选择器：　　标签名【属性名=属性值】{ }　　选择某标签指定某属性具备某属性值的属性添加相同的属性

表格样式设置

　　　　　　　　　　width: 100;    /* 设置表格高度 */
                border: solid 1px rad;    /*设置边框大小以及颜色*/
                border-radius: 10px;    /*设置表格为圆角*/
                background-color: orangered;/*设置表格背景色*/
                text-align: center;/*将表格内容居中显示*/
                color: blueviolet;/*设置表格内字体颜色*/
                font-size: 20px;/*设置字体大小*/
                font-weight: bolder;/*设置字体粗细*/
                letter-spacing: 10px;/*设置字的间距*/

                list-style-type: none;/*去掉li标签的标识符*/
                display: inline; /*让标签在一行排列*/
                float: left;/*设置左悬浮*/
                text-decoration: none;/*去除超链接的下划线*/

 盒子模型：　　

　　div：块级标签，主要用来进行网页布局

　　默认宽度为页面宽度，也可以设置，默认没有高度

　　　　marginw外边框

　　　　border边框

　　　　height内容区域　　设置宽高

　　　　paddingn内边框

　　css定位：position

　　　　相对定位：relative　　　　在元素原有位置的基础上进行移动top，left，right，bottom。　　其他元素位置不变

　　　　绝对定位：absolute　　使界面参照父级具有相对定位元素的div进行移动，如果父级没有定位时，就参照界面移动

　　　　固定定位：fixed　　　　固定网页某个位置不动，不随滚动条改变

　　　　z-indexg改变显示级别，（要求都为定位元素）1级最低