![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
我的ID是小白
个人努力专研前端知识中
展开
-
display属性之块级元素block,内联元素inline,内联块级元素inline-block的区别
1.block块级元素有address,div ,dl,form ,h1-h5,hr ,menu ,ol,p,pre,table,ul ,li单独占一行,可以设置width,height,maigin四个方向,padding四个方向;元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度;2.inlinea ,b ,br em,font ,i ,im...原创 2019-12-03 11:15:02 · 229 阅读 · 0 评论 -
css预处理器less,sass,stylus
什么是 CSS 预处理?为什么要有 CSS 预处理?可以实现css变量和函数的功能 ,给我们带来动态语言所具有的优势。less1. less文件必须以.less结尾2. 定义变量:@字符开头@bgColor:#000;//定义变量//编译前less.content{ background:@bgColor;}//编译后.content{ background:#000;...原创 2019-07-28 16:05:01 · 201 阅读 · 0 评论 -
em和rem如何区分和使用
1.rem 单位如何转换为像素值当使用 rem 单位,他们转化为像素大小取决于页根元素的字体大小,即 html 元素的字体大小。 根元素字体大小乘以你 rem 值。例如,根元素的字体大小 16px,10rem 将等同于 160px,即 10 x 16 = 160em 单位如何转换为像素值当使用em单位时,像素值将是em值乘以使用em单位的元素的字体大小。例如,如果一个 div 有 18p...翻译 2019-10-11 13:30:04 · 203 阅读 · 0 评论 -
如何让p标签里面的内容首行缩进
如何让p标签里面的内容首行缩进对于html来说,并没有特定的方式给p标签设置缩进,但是你可以在p标签里面加span标签,设置// cssspan{ padding-left: 30px;}当然,如果想要直接实行的话,给p标签设置如下样式// cssp{ text-indent: 30px;}...原创 2018-12-19 10:52:41 · 11272 阅读 · 0 评论 -
水平垂直居中方法
<div id="father"> <div id="son"> </div> </div>flex布局#father { width: 100px; height: 100px; display: flex; ...原创 2019-10-11 15:24:24 · 101 阅读 · 0 评论