前端css

前端css
css 
    选择器{属性：值；属性：值；}
css的position属性来设置元素的定位类型
　　relative 相对定位元素
　　 absolute 绝对定位元素
　　fixed 规定定位元素
css 样式引入：
　　1.内联式 ： 通过 标签的style 属性，在标签上直接写样式
　　<div  style=' width: 10px;height: 10px ;background:red;'> ....</div>
　　2.嵌入式  通过 标签的style ,在网页上创建嵌入 的样式表
　　<style type="text/css">
   　　 div{ width:10px; height: 10px;}
　　</style>

　　3.外链式 通过link 标签， 连接外部样式文件到页面中
　　<link rel=" stylessheet" type=" text/css" href=" css/main.css">
css 选择器
1.标签选择器
2.类选择器
3.id选择器
4.层级选择器
5.伪类选择器
soild 实线 dotted 点线  dashed 虚线   bold 凸的意思
padding 内边距
margin 外边距
border： 1px   solid  red 边框
background 背景色/背景图片
top上   left/right
bottom 下
文本常用样式属性二：
text-align 设置文字水平对齐方式，如text-align:center 设置文字水平居中
text-indent 设置文字首行缩进，如：text-indent:24px; 设置文字首行缩进24px
display属性
display属性是用来设置元素的类型及隐藏的，常用的属性有：
1、none 元素隐藏且不占位置
2、block 元素以块元素显示
css元素溢出
当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来设置。
overflow的设置项：
1、visible 默认值。内容不会被修剪，会呈现在元素框之外。
2、hidden 内容会被修剪，并且其余内容是不可见的。
3、scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
4、auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

属性解释
background属性是css中应用比较多，且比较重要的一个属性，它是负责给盒子设置背景图片和背景颜色的，background是一个复合属性，它可以分解成如下几个设置项：
background-color 设置背景颜色
background-image 设置背景图片地址
background-repeat 设置背景图片如何重复平铺
background-position 设置背景图片的位置
background-attachment 设置背景图片是固定还是随着页面滚动条滚动