随笔分类 - CSS样式基础
摘要：原文链接：https://www.cnblogs.com/wangyawei/p/9103573.html 采用Flex布局的元素，被称为Flex容器(flex container)，简称"容器"。其所有子元素自动成为容器成员，成为Flex项目(Flex item)，简称"项目" Flex-dire
阅读全文
摘要：项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式，但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法。 HTML <p class="red">Hi, this is a plain-old, sad-loo
阅读全文
摘要：官网链接：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties -moz-outline-radius -moz-outline-radius-bottomleft -moz-outline-radius-b
阅读全文
摘要：下面我将用几个典型的实例来给大家讲解:nth-child的实际用途： Tips：还用低版本的IE浏览器的哥们请绕过！ :nth-child(2)选取第几个标签，“2可以是你想要的数字” .demo01 li:nth-child(2){background:#090} :nth-child(n+4)选
阅读全文
摘要：1、border-left 作用：设置左边框的样式：（所有浏览器都支持 border-left 属性） （1）可以简单的把所有的左边框的属性写到一个属性中： border-left:thick double #ff0000; border-left 后的第一个参数：指定线的宽度、风格、颜色 ，上面的
阅读全文
摘要：1. :before 和 :after 的主要作用是在元素内容前后加上指定内容，示例： HTML代码： <p>你好</p> CSS代码： p:before{ content: 'Hello'; color: red; } p:after{ content: 'Tom'; color: red; }
阅读全文
摘要：transparent 说明： RGBA(R,G,B,A) 取值： R：红色值。正整数 | 百分数 G：绿色值。正整数 | 百分数 B：蓝色值。正整数 | 百分数 A：Alpha透明度。取值0~1之间。 说明： 用来指定全透明色彩 transparent是全透明黑色(black)的速记法，即一个类似
阅读全文
摘要：https://www.cnblogs.com/Ry-yuan/p/6848197.html css之display:inline-block布局 1.解释一下display的几个常用的属性值，inline ， block， inline-block inline（行内元素）: 使元素变成行内元素，
阅读全文
摘要：Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。 特性概览 CSS书写代码规模较大的Web应用时，容易造成选择器、层叠的复杂度过高，因此推荐通过SASS预处理器进行CSS的开发，SASS提供的变量、嵌套、
阅读全文
摘要：一.CSS入门一 CSS主要与HTML搭配使用,使HTML界面变得美观，和谐. 1.初识选择器 CSS选择器可以简单地划分为3类: 1）.标签选择器:标签名称定义。应用于此类标签。p{} 2）.ID选择器,#打头定义.应用于对应ID的Html元素 #top{} 3）.类选择器, .打头定义。应用于对
阅读全文
