1、三样式:外联式(link:单标签)、内部样式、行内式
css可以放到页面任何位置 注释
<style =" : ;">
例:<p style="color:green;">
2、字体font font-size 大小 px
font-weight 粗细 bold加粗
font-style 风格(例:斜体)
font-family 风格(例:宋体 中文需加" ")
颜色小工具:FastStone Capture
3、line-height 行间距
text-indent:2em; 首行缩进两个字
text-align:center; 文字居中 right 靠右
text-decoration:underline; 下划线 overline上划线;line-through 删除线
4、选择器 标签选择器
id选择器 <p id="p1">
#p1{} p1不能重复出现
类选择器<p class="class1">
.class{}
通配符 *{
margin:0;
padding:0;
}
复合选择器: 交集 div.div1{}
并集 .div1,.div2{}
1、伪选择器 :link 未选中 顺序不可变 dashed 虚线
:visited 访问过 solid 实现
:hover 划过 例:border:1px solid red;
:active 选中
2、块级元素 div、p、hn 可设置宽高独占一行
行内元素 span、a 宽高根据内容撑开,多个标签一行显示
行内块元素 img、input
转换display:inline-block 行内块元素
display:block 块元素
display:inline 行内元素
3、链接里不能再放链接 p中不能放div
margin:0 auto; 居中
id(100) class(10) 标签(1) 伪类(10) ! important 无穷大
可继承 :font-
text-
line-
color-
4、background-image:url(“./”); 背景图片路径
back-repeat: no-repeat 不平铺
repeat-y y平铺
repeat-x x平铺
background-attachment:scroll; 不固定
fixed;固定
background:rgba(0, 0, 0,0.3)透明度
background-position:( mpx npx ) 定位
1、ul li{
list-style:none;
}
2、 padding 内边距 -top -bottom
margin 外边距 -left -right
border 边框
3、border-collapse:collapse; 细化表格
border-radius 圆化 只用于表格
border: 1px solid transparent; 溢出问题
transparent:透明
4、行内元素 在一行显示
宽高不能设置
上下margin无用 上padding无用 可设置左右margin 左右下padding
5、独占一行
可设置宽高
margin padding都可设置 (如叠加必须取最大值)