![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 57
Meskjei
爱那么短 而回忆那么长
展开
-
CSS简单选择器
若希望为某个HTML元素设置CSS样式,需要在样式中设置id和class选择器 一、id选择器 id选择器可以为标有特定id的元素设置样式,HTML中用id属性来为元素设置id,CSS中使用“#”来设置选择器 #para1 { text-align:center; color:red; } 注:一个ID名称必须在文件中是唯一的。关于重复ID的行为是不可预测的,比如在...原创 2018-06-29 21:04:24 · 254 阅读 · 1 评论 -
CSS3的transform和matrix
1、基于矩阵的应用 矩阵(matrix)本是transform属性下的一个方法,而transform属性的其他方法如translate(平移)、scale(缩放)、skew(拉伸)和rotate(旋转)等都是基于矩阵封装的一些方法。在下面的推导中将会看到。 2、transform的坐标系统 我们在使用旋转的时候都会发现,元素是在根据一个中心点进行的缩放与旋转的。那么这个中心点就是transform...原创 2018-09-28 10:01:39 · 533 阅读 · 0 评论 -
CSS3的渐变
1、线性渐变(Linear Gradients) 线性渐变可以沿着一跟轴线改变颜色,用法如下: <!DOCTYPE html> <html> <head> <title>Test</title> <meta charset="utf-8&q原创 2018-09-26 11:53:34 · 210 阅读 · 0 评论 -
CSS3的background属性
1、CSS背景图像的区域 background-clip:可以指定背景绘制的范围,共有三个范围 padding-box(背景内容仅显示在内边距及以内区域) border-box(背景内容仅显示在边框内) content-box(背景内容仅显示在内容区域) 举个例子 <!DOCTYPE html> <html> <head> <title&am原创 2018-09-24 22:35:05 · 808 阅读 · 0 评论 -
CSS的层叠与继承
层叠 什么选择器在层叠中胜出取决于三个因素。 重要性 专用性 源代码次序 重要性 CSS中的!important语句可以使让一条规则总是优于其他规则,即为不可被覆盖。例如 a{ border: none !important } 专用性 专用性基本上是衡量选择器的具体程度的一种方法——它能匹配多少元素。所以元素选择器具有最低的专用性,而id选择器则最高。 注:通用选择器 (*), 复...原创 2018-10-21 23:28:45 · 111 阅读 · 0 评论 -
CSS3的Columns
大家都看过报纸,报纸的内容大都是按列排布的。那在前端布局中该怎么实现类似报纸一列一列布局的效果呢? 文章目录columns`column-width`和`column-count` columns 首先要祭出的就是CSS3中新增的columns。columns是一个复合属性,由column-width和column-count组成。字面意思可以看出,一个是列宽,一个是列数。 语法格式就像是这样 c...原创 2019-03-06 10:40:14 · 449 阅读 · 0 评论