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 · 256 阅读 · 1 评论 -
CSS3的transform和matrix
1、基于矩阵的应用矩阵(matrix)本是transform属性下的一个方法,而transform属性的其他方法如translate(平移)、scale(缩放)、skew(拉伸)和rotate(旋转)等都是基于矩阵封装的一些方法。在下面的推导中将会看到。2、transform的坐标系统我们在使用旋转的时候都会发现,元素是在根据一个中心点进行的缩放与旋转的。那么这个中心点就是transform...原创 2018-09-28 10:01:39 · 541 阅读 · 0 评论 -
CSS3的渐变
1、线性渐变(Linear Gradients)线性渐变可以沿着一跟轴线改变颜色,用法如下:<!DOCTYPE html><html><head> <title>Test</title> <meta charset="utf-8&q原创 2018-09-26 11:53:34 · 217 阅读 · 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 · 815 阅读 · 0 评论 -
CSS的层叠与继承
层叠什么选择器在层叠中胜出取决于三个因素。重要性专用性源代码次序重要性CSS中的!important语句可以使让一条规则总是优于其他规则,即为不可被覆盖。例如a{ border: none !important}专用性专用性基本上是衡量选择器的具体程度的一种方法——它能匹配多少元素。所以元素选择器具有最低的专用性,而id选择器则最高。注:通用选择器 (*), 复...原创 2018-10-21 23:28:45 · 112 阅读 · 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 评论