css网站建设总结
css是一种表现html文件样式的计算机语言 css可以控制html标签中的属性、文字、图片样式
三种样式
基本规则:内嵌大于内部大于外部
语法
如div{font-size:18px; font-size 属性 18px 属性值 div 选择器
代码
基础
width宽 height高 line-height行高 z-index 层叠顺序
字体
color字体颜色 font-size字体大小 font-family字体名称
背景
background-image背景图片 background-size背景大小 background-color背景颜色
位置
text-align: left | right | center水平对齐 text-align:center居中 position:fixed固定定位
边距
left左边距 top上边距 right右边距 bottom下边距
边框(border复合属性 在后面加很多属性值)
border-color边框颜色 border-style边框样式 dashed虚线 solid实线 border-width边框的宽度
border-left左边框 border-right右边框 border-top上边框 border-bottom下边框
外边距
margin-top外上边距
margin : 0 auto 当元素定义为width属性时,auto可以有居中的效果;0 在前意思是上下边距0px,auto左右边距为自动
margin-right外右边距
margin-bottom外下边距
margin-left外左边距
margin外边距的复合使用
内边距 padding关于内边距的复合属性
padding-top 上内边距
padding-right右内边距
padding-bottom下内边距
padding-left左内边距
padding:10px;所有边框都是10px
浮动
fioat 浮动方式 left right clear both(清除左右浮动) 页面中有两个div,后面的div会被自动放在第二行,因为每个div会占据一整行,如果想在一行显示两个div如何设置?
display 显示方式 取值:block块级显示 inline行内显示 none不显示不占定位空间 不能加宽高的标签是内联元素;反之能加宽高的标签是块级元素