![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 82
littlebirdflying
这个作者很懒,什么都没留下…
展开
-
css的工作原理及使用规则
1. css定义层叠样式表(英语:Cascading Style Sheets,简写CSS),又称串样式列表、级联样式表、串接样式表、层叠样式表、阶层式樣式表,一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。目前最新版本是CSS2.1,为W3C的推荐标准。CSS3现在已被大部分现代浏览器支持,而下一版的CSS4仍在开发中。...原创 2018-04-30 17:11:40 · 5569 阅读 · 0 评论 -
css选择器规则
1. 选择器分类简单选择器(Simple selectors):通过元素类型、class 或 id 匹配一个或多个元素。属性选择器(Attribute selectors):通过 属性 / 属性值 匹配一个或多个元素。伪类(Pseudo-classes):匹配处于确定状态的一个或多个元素,比如被鼠标指针悬停的元素,或当前被选中或未选中的复选框,或元素是DOM树中一父节点的第一个子节点。伪...原创 2018-05-02 15:35:41 · 647 阅读 · 0 评论 -
css——样式化区块——背景
元素的背景:在元素内容、内边距和边界下层的区域。1. 改变背景所占区在新的浏览器中,你可以使用 background-clip属性改变背景所占用的区域background-clip: border-box 背景延伸到边框外沿(但是在边框之下)。background-clip: padding-box 边框下面没有背景,即背景延伸到内边距外沿。background-...原创 2018-05-03 09:21:10 · 917 阅读 · 0 评论 -
css居中方案汇总
1. 水平居中1.1 行内或者具有行内元素性质的元素(比如文字或者链接)使其父元素为块级元素的行内元素水平居中。/* css */.center-children { text-align: center;}1.2 单个块级元素(定宽)设置块级元素的 margin-left 和 margin-right 为 auto ,来使其水平居中。 注意:这个块级...原创 2018-05-11 22:29:58 · 147 阅读 · 0 评论 -
display:none和visibility:hidden的区别
在使用CSS隐藏一些元素时,我们经常用到 display:none 和 visibility:hidden。两者差别如下:1. 是否占据空间display:none,该元素不占据任何空间,在文档渲染时,该元素如同不存在(但依然存在文档对象模型树中)。 visibility:hidden,该元素空间依旧存在。 即一个(display:none)不会在渲染树中出现,一个(visibilit...原创 2018-05-23 23:21:49 · 604 阅读 · 0 评论 -
适配手机页面布局的动态rem方案
1. 基础概念em:一个汉字宽 rem:根元素(<html>元素)的font-size chrome浏览器的font-size默认值16px (注意:最小是12px,再小无效) rem和em的区别?没什么关系 1em = 本身元素的font-size(可以这样理解,不过不准确) 1rem = 根元素的font-size的大小2. 动态 rem 方案由于手机屏幕...原创 2018-06-13 17:24:26 · 272 阅读 · 0 评论 -
less在webstorm中的配置
css预处理技术已经发展的比较成熟了,通过css预处理技术可以很好的提升css的编程性,提高css代码的开发效率和可维护性,目前比较热门的相关技术有Sass、Less CSS、Stylus、Compass等Less是一种动态样式语言,属于css预处理语言的一种。它使用类似CSS的语法为CSS的赋予了动态的特性,如变量、继承、运算、函数等,更方便css的编写和维护实现css模块化。less 可以...原创 2018-06-22 09:25:48 · 8969 阅读 · 0 评论