1.百分比宽度减固定宽度:width:calc(100% - 100px);
2.margin与padding
margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。(外边距)
padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。(内边距)
3.去除a标签的下划线
text-decoration: none;
4.vertical-align 属性设置元素的垂直对齐方式
如果不起作用可以尝试把line-heght 值为其父元素<div>的height值
5.文本居中 text-align: center;
6.vertical-align:middle
在CSS样式中,vertical-align 属性设置元素的垂直对齐方式,想必学过一个前端的人都知道这个东西,也知道怎么用。今天在做 项目的时候遇到一个坑,在这里做个记录。先简单说一下vertical-align 这个属性吧,根据查阅文档可以知道它有如下几个参数:baseline:与元素的基线对齐。
middle:与元素中部对齐。
sub:字下沉。
super:字上升。
text-top:文本顶部对齐。
text-bottom:文本底部对齐。
top:和本行位置最高元素对齐。
bottom:和本行位置最低元素对齐
7.给ul li去除前面的点
list-style-type: none;
8.给段落前面加空格
text-indent:2em;
3. css常用的属性
属性名含义可取值
Width块级元素才能给宽度Px % em vw rem
Height Px % vh rem
min-width定义元素的最小宽度
max-width定义元素的最大的宽度
Overflow清除浮动 处理溢出的内容Hidden隐藏
Visible可见
Scroll滚动
Auto自动
border-width边框的宽度
border-style边框的样式Solid实现 double 双实线 dashed 虚线
border-color边框的颜色
border 宽度 样式 颜色
margin外间距
padding内边距
网友评论