关于CSS
sliiva
这个作者很懒,什么都没留下…
展开
-
水平、垂直居中
1、所有行内元素、行内块元素、块级元素的水平居中,可以设置它们的父元素:text-align:center,这种做法可以不设置子元素的宽度。代码如下:<body text-align=“center”> <div id='parents'>text</div> <input type="text"> <span&g...原创 2018-04-19 00:05:16 · 226 阅读 · 0 评论 -
溢出部分省略号显示
1、单行文本省略号显示:配合width,设置overflow:hidden,white-space:nowrap,text-overflow:ellipsis;2、多行文本省略号显示:有兼容性问题,适用于webkit浏览器与移动端。-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他的WebKit属性。常见结合属性:display: -webk...原创 2018-05-10 13:18:05 · 160 阅读 · 0 评论 -
多栏布局
1、flex布局<style type="text/css"> .box{ display: flex; //flex布局 } .left{ width: 300px; //定义左边的宽度 height: 200px; background-color: blue; } .right{ flex: 1; //右边自适应?还不是...原创 2018-05-17 21:36:31 · 177 阅读 · 0 评论 -
网页自适应宽度
1.首先,在网页代码的头部,加入一行viewport元标签。 网页代码的头部,加入一行viewport元标签。 <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=0"> viewport是网页默认的宽度和高度,上面这行代码的意思是,强...转载 2018-05-17 21:58:59 · 1020 阅读 · 0 评论 -
学习笔记-----sass
sass有关的命令行语句:1、sass-convert 待转换的文件 转换之后的文件 eg:sass-convert main.scss main.sass2、compass create 文件名 利用compass创建一个sass项目3、compass watch ,进入到文件名下(:cd 文件名) 后,监听sass文件的变化,每次修改sass文件,系统自动将其转换为css文件。并...原创 2018-07-05 16:50:46 · 160 阅读 · 0 评论 -
css的关键字:initial、inherit、unset
经常会碰到,问一个 CSS 属性,例如 position 有多少取值。 通常的回答是 static、relative、absolute 和 fixed 。当然,还有一个极少人了解的 sticky 。其实,除此之外, CSS 属性通常还可以设置下面几个值: initial inherit unset revert 1 2 3 4 5 6 ...转载 2018-09-12 16:56:14 · 2147 阅读 · 0 评论 -
重置样式表
浏览器有默认的样式表,即使开发者不对自己的页面写一行css代码,打开的页面也总会存在样式,但不同的浏览器的默认样式略有不同,这在一定程度上给开发者创造了麻烦,所以一般在开始写css代码的之前总是会先重置样式表。具体方法: css reset:访问https://meyerweb.com/eric/tools/css/reset ,将其中的重置代码复制粘贴到自己的css文件中,建议单独写一个cs...原创 2018-12-20 19:08:49 · 2525 阅读 · 0 评论 -
无单位的行高值
line-height属性既可以接收无单位的数值,也可以使用带单位的数值(不建议这么使用) 当定义一个有单位的行高时,eg:line-height:1em,若后代元素没有定义行高,就会将父元素计算后的行高结果值传给全部的后代元素,注意这里的em是相对于当前元素的font-size来进行换算的。 当定义一个无单位的行高时eg:line-height:1.现在传给后代元素的是这个数字原始值,而不是...原创 2018-12-21 20:48:54 · 207 阅读 · 0 评论