css
-在标签上设置style样式
background-color:#2356a1
height:48px
-编写样式方法
1.标签的style属性
2.鞋子head里面,style标签中编写
-id选择器
#i1{
background-color:#2356a1;
height:48px;
}
-class 选择器
.c1{
background-color:#2356a1;
height:48px;
}
-标签选择器(所有div都改)
div{
...
}
-关联选择器(空格)
-组合选择器(逗号)
-属性选择器(例如input[type='text'])
通过属性进行筛选
优先级,标签上的style优先,然后按顺序优先
2.1写在单独文件,在head里引用css文件
3.注释
4.边框 -border:
宽度,样式,颜色
5.height,width,(像素 39px,百分比 45%)
水平方向:text-align:center, 垂直方向:line-hight:height的高度
字体大小:font-size 加粗:font-weight
6.float
让块级标签堆叠,
<div style='clear:both;'></div>
7.display
行内inline;块级block具有inline和block:inline-block
*******
行内标签不能设置高度,宽度,padding,margin
块级标签可以。
8.padding margin(0,auto)
内边距,
外边距:margin
9.position:
fixed:用来固定在某个位置
absolute+relative:固定在相对路径
<div style='position:relative><div style='position:absolute></div></div>
opacity:相对透明度
z-index : 层级顺序
10.overflow:
hidden
auto
11.hover 当鼠标移动到上面才应用相应的css配置
12.backgroud-image:url(路径)
backgroud-repeat:
backgroud-position: