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.inline a ,b ,br em,font ,i ,im...原创 2019-12-03 11:15:02 · 229 阅读 · 0 评论 -
css预处理器less,sass,stylus
什么是 CSS 预处理?为什么要有 CSS 预处理? 可以实现css变量和函数的功能 ,给我们带来动态语言所具有的优势。 less 1. 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 = 160 em 单位如何转换为像素值 当使用em单位时,像素值将是em值乘以使用em单位的元素的字体大小。 例如,如果一个 div 有 18p...翻译 2019-10-11 13:30:04 · 203 阅读 · 0 评论 -
如何让p标签里面的内容首行缩进
如何让p标签里面的内容首行缩进 对于html来说,并没有特定的方式给p标签设置缩进,但是你可以在p标签里面加span标签,设置 // css span{ padding-left: 30px; } 当然,如果想要直接实行的话,给p标签设置如下样式 // css p{ text-indent: 30px; } ...原创 2018-12-19 10:52:41 · 11275 阅读 · 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 评论