CSS

2020/2/5 星期三
position属性
(1)absolute:绝对定位,相对于第一个父元素移动(元素通过left,right,bottom,top移动)
(2)fixed:绝对定位,相对于浏览器窗口定位(元素通过left,right,bottom,top移动)
(3)relative:相对定位,相对与正常位置进行移动(元素通过"left:20px"移动,向这个位置前增加20像素)
overflow属性
(1)visible:默认,如果元素内容超过规定范围也会在规定范围外显示内容
(2)auto:自动,如果内容不超过规定范围则不显示滚动条,超过则显示滚动条
(3)scroll:滚动,无论内容是否超过规定范围都会显示滚动条
(4)hidden:隐藏,超过规定范围的内容会被隐藏
display属性
(1)inline:默认,为内联元素,元素前后没有换行符
(2)block:块级元素,元素前后有换行符
(3)none:不显示该元素
padding属性
(1)padding-left:20px //左内边距20px
(2)padding-left:10% //左内边距10%
margin属性
(1)margin:上,右,下,左 //外边距
(2)margin:auto //浏览器计算外边距
border属性 //设置边框的属性
(1)dashed虚线
letter-spacing属性
(1)设置字母之间的距离
cursor属性
(1)设置光标的形状
(2)move:可移动光标形状
(3)text:文本形状
line-height属性
(1)设置行高
hover属性
(1)选择鼠标指针浮动在上面的元素,并设置样式
(2).hover是"class="hover"",而:hover是id或者标签
(3)#是id,.是class
blackground-position属性
(1)blackground-position:-1px,-6px //起始位置向右移动1px,向下6px

2020/2/6星期四
1、div中class中间用空格隔开给这个div赋多个class类名
2、opacity属性:不透明级别
3、!important
(1)color: black !important; color: white; //firefox中显示为黑色文字,IE6中显示为白色文字

2020/2/11星期二
1、table-layout属性
(1)fixed:列宽由表格宽度和列宽度设定
(2)automatic:列宽度由单元格内容设定
2、work-break属性
(1)break-all:允许在单词内换行
3、outline-style属性 //用于设置元素的整个轮廓的样式
(1)none:无轮廓

posted @ 2020-02-05 18:45  whjykgz  阅读(80)  评论(0编辑  收藏  举报