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不显示不占定位空间                        不能加宽高的标签是内联元素；反之能加宽高的标签是块级元素