Css层叠样式表(英文全称：Cascading Style Sheets)
Css有三种写法：①内嵌样式（<标签 style=" "></标签>）
只能在该标签内使用一次
②内部样式（ <html>
<head>
<style>
div{
xxxxx;
}
</style>
</head>
<body>
<div>div1</div>
</body>
</html>）
<head>
<style>
div{
xxxxx;
}
</style>
</head>
<body>
<div>div1</div>
</body>
</html>）
只能在当前html中使用
③外部样式表（<html>
<head>
<style type="xxx/css">
*{
默认样式
}
#x{
id选择器（只能使用一次）
}
.x{
类选择器
}
a{
为元素选择器
}
属性选择器
</style>
</head>
<body>
</body>
</html>）
所有页面都可以使用该样式表
Css属性：①字体font ②文本text ③背景background ④列表项list-style
⑤边框线border ⑥显示display ⑦浮动float
显示属性的作用：1.可以将块级元素转换为行内元素（转换完之后原来设置的宽高信息失效）(inline)
2.可以将块级元素转换为行内块元素(转换完之后块级元素会在一行显示并且有宽高信息)(inline-block)
3.可以将行内元素转换为块级元素(转换完之后行内元素会换行显示并且可以设置宽高)(block)
4.可以将行内元素转换为行内块级元素(转换完之后行内元素会在一行显示并且可以设置宽高)(inline-block)
5.img的display设置为inline的时候，同样可以设置宽高
6.img的align默认情况下是和文字底部对齐（不是和块底部对齐）
2.可以将块级元素转换为行内块元素(转换完之后块级元素会在一行显示并且有宽高信息)(inline-block)
3.可以将行内元素转换为块级元素(转换完之后行内元素会换行显示并且可以设置宽高)(block)
4.可以将行内元素转换为行内块级元素(转换完之后行内元素会在一行显示并且可以设置宽高)(inline-block)
5.img的display设置为inline的时候，同样可以设置宽高
6.img的align默认情况下是和文字底部对齐（不是和块底部对齐）
浮动属性的作用：1.可以将块级元素转换为行内块
2.可以将行内元素转换为行内块
2.可以将行内元素转换为行内块
Css定位:相对定位:相对于原来的位置的偏移量
绝对定位:相对于页面左上角的位置（会随着浏览器页面的滚动而滚动）
固定定位:相对于浏览器窗口左上角的位置
Css盒子模型:padding是盒子边框到内容的距离 margin是盒子与其他盒子的距离
padding的改变可能会引起盒子大小的改变
盒子居中的方法*{
margin: 0px auto;
}
1053
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
