CSS

CSS就是在html标签上添加各种有特色的属性

在标签上设置style属性

编写css样式（注释/* */）

　　1、标签的style属性

　　　　backgroud-color：背景颜色

　　　　border:边框

　　　　font-size: 字体大小
　　　　height

　　2、写在head里面，style标签中写样式

　　　　-#选择器

 

　　　　-

 

　　　　-

　　　　

　　　　- 层级选择器

　　　　

　　　　- 组合选择器（逗号）

 

　　　　- 属性选择器

　　　　　　对选择到的标签再进行属性筛选

　　　css还可以写在文件中,

<link rel="stylesheet" href="commons.css" />

　　3 css的优先级

　　　　- 标签上的style优先，

　　4 边框

　　　　- 宽度，样式，颜色 

 　　5 字体的操作

　　　　height,高度百分比

　　　　width，宽度

　　　　text-align:center ，水平方向居中

　　　　line-height，垂直方向根据标签高度

　　　　color：字体颜色

　　　　font-size，字体大小

　　　　font-weight，字体加粗

　　6 float（常用）

　　　　属性：left right

　　　　div是块标签，两个div同一行出现

　　　　堆积（在div后面写上）

　　　　<div style="clear: both;"></div>

　　7 display 

　　　　display:none 让标签消失

　　　　display:inline;默认自己有多少就是多少

　　　　display:block:可以设置高度，宽度，padding margin

　　　　display：inline-block；

　　**********

　　　　行内标签：无法设置高度，宽度，padding margin

　　　　块级标签： 设置高度，宽度，padding   margin

　　8 padding margin（0，auto）

　　边距

　　　　padding：内边距

　　　　margin：外边距

 　　9 css的重复用法

 

　　10 自适应和改变大小变形

　　　　左右滚动条的出现

　　　　宽度，百分比

　　　　页面最外层：像素的宽度=》最外层设置绝对宽度

　　　　自适应：media

　　11 默认img标签，有一个lpx的边框

　　　　img{

　　　　　　border：0

　　　　}

　　12