您的位置:首页 > Web前端 > CSS

css(1)

2016-06-19 19:07 211 查看
单位:
颜色:
color:rgb(50%,0,50%);百分百
color:rgb(128,0,128);数值0-255
color:#fc0eab;十六进制
color:#080;十进制
color:red;英文名
字体:
font:
Font-style:斜体
Font-weight:bold;粗体
文本:
Letter-spacing:10文字间距
Text-decoration:line-through
删除线,跳楼价
Text-decoration:underline下划线
Text-decoration:overline上划线
 
 
Margin属性
Margin-top/right/bottom/left/margin五个属性,分别表示盒模型里内容与边框的距离

水平盒子的间距为两个盒子间距的和

垂直盒子的间距为两个盒子间距的最大值
Margin值可以设置为负值
 
Padding属性

用来描述盒子模型的边框和内容之间插入对少空间
Margin是当前元素和border的距离;padding是内容和border的距离
Margin是对外,padding是对内的
Margin只对块级元素有效,padding对所有元素有效
 
盒子模型:
内容:content
元素中的内容
外边距:margin
元素外边的空间,将元素相互分开
边框:border
在元素边距内和元素边距外之间的可配置的线
内边距:padding
元素内容和元素边框之间的空间
盒子模型均可用上右下左方式设置,如没有写4个值,缺失部分的属性值与对边相同的值
盒子之间的关系:
关系文档流:标准流,在不使用其他与排列和定位相关的特殊CSS规则时,各种元素的排列规则

文本元素按照从上到下从左到右的格式布局

块级元素按照从上到下依次排列

内嵌元素按照从左到右依次排列
定位属性:
Static:静态定位
Relative:相对定位
absolute:绝对定位
fixed:固定定位
 z-index:定位属性
Overflow:scroll出现滚动条
Overflowhidden
超出内容影藏
Word-break break-all
文字超出自动换行
显示属性:
displaynonevisibilityhidden的区别
displaynone元素看不见并且不占空间
visibilityhidden元素看不见但是要占空间
内嵌元素和块级元素的相互转换:
内嵌元素---------->  
块级元素:displayblock
块级元素 --------->
内嵌元素:floatleft
 
 
选择格式优先级:就近原则
 
选择器优先级:
important:最终格式---->id---->class---->element---->伪类---->*
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: