![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 95
devincob
熬代码者
展开
-
css高阶:掌握css预编译的基本语法sass、less、stylus
scss和sass,less区别1.编译环境不一样。Sass的安装需要Ruby环境,是在服务端处理的,而Less是需要引入less.js来处理Less代码输出css到浏览器,也可以在开发环节使用Less,然后编译成css文件,直接放到项目中。2.变量符不一样,Less是 @,而Scss是$,而且变量的作用域也不一样。3.输出设置不一样,Less没有输出设置,Sass提供4中输出选项:nested(嵌套缩进的css代码), compact(展开的多行css代码), compressed (简洁格式的c.原创 2020-07-20 17:52:33 · 219 阅读 · 0 评论 -
用css画图标
css3的属性 transform(转换) 用途很广泛,功能也很强大,为了熟悉它的各种转换方式(平移 translate,旋转 rotate,扭曲 skew,放缩 scale),我做了一些平常常用的一些简单的图标。这些图标很多是通过三角形来拼贴起来的,所以我们需要知道怎么样画三角形。用css画图标我们要将该 div 的 width 和 height 都设置为 0,三角形是通过设置 border 来实现;通过我们需要画成的三角形的目标分析,这个三角形的朝向(只针对规则的朝向:上、右、下、左、上左、上原创 2020-06-28 14:32:15 · 289 阅读 · 0 评论 -
禁止选择网页中的文字
onselectstart和onselect的使用1.onselectstart这个事件主要是用于禁止选择网页中的文字。代码为:document.onselectstart =function(){ return false;} 另外ff/opera不支持此事件,ff可以用css控制:css: body { -moz-user-select: none; }。webkit浏览器可以使用“-khtml-user-select”,当然也可以使用onselectstart事原创 2020-05-20 18:51:12 · 285 阅读 · 0 评论 -
918时页面全置灰色
对于vue来说,组件之间的消息传递是非常重要的,组件之间消息传递的各种方式有那些呢?1. props和$emit 父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过$emit触发事件来做到的。上例中,有父组件parent和子组件child。1).父组件传递了message数据给子组件,并且通过v-on绑定了一个getChildData事件来监听子组件的触发事件;2)...原创 2019-07-11 09:45:28 · 467 阅读 · 0 评论 -
css那些属性可以继承
1、字体系列属性font-family:字体系列font-weight:字体的粗细font-size:字体的大小font-style:字体的风格2、文本系列属性text-indent:文本缩进text-align:文本水平对齐line-height:行高word-spacing:单词之间的间距letter-spacing:中文或者字母之间的间距text-transform:控...原创 2020-01-08 18:02:49 · 728 阅读 · 0 评论 -
什么是BFC?对bfc的简单理解
今天认识了一个概念 BFC什么是BFC?对bfc的简单理解什么是BFC?转载 2019-06-25 11:21:01 · 925 阅读 · 0 评论 -
Css3 记录参考手册-新增伪类
CSS3 是最新的 CSS 标准。一篇文章向您讲解 CSS3 中的新特性。原创 2019-06-25 12:10:54 · 569 阅读 · 1 评论 -
link和@import的区别以及css引入的4种方式
区别1.从属关系区别@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等。2.加载顺序区别加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加载。3.兼容性区别@import是 CSS2.1 才有的语法,故只可在 IE5+ 才能...原创 2019-06-25 11:43:26 · 161 阅读 · 0 评论 -
CSS选择器种类,伪类与css3伪类伪元素的回顾
主要熟悉css中的后代选择器:nth-child,nth-of-type , >, (空格), + 之类的用法:复合选择器:后代选择器: p span {font-size: 14px;} 选择p元素的所有子孙元素中的span元素子女选择器: p>span {font-size: 14px;} 选择p元素的所有子女元素中的span元素组合选择器: p#start {fon...原创 2019-06-20 14:24:32 · 397 阅读 · 0 评论 -
CSDN-markdown编辑器
使用Markdown编辑器欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面...转载 2019-03-06 15:10:26 · 137 阅读 · 0 评论 -
清除浮动和垂直居中
css清除浮动大全,共8种方法。浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还有问题。下面总结8种清除浮动的方法(测试已通过 ie chrome firefox opera,后面三种方法只做了解就可以了):原创 2017-05-04 19:02:28 · 315 阅读 · 0 评论