CSS3
关注
分享
扫一扫
文章平均质量分 77
暖心笨贼
一个十分冷漠的程序小哥
展开
-
CSS 选择器（结构伪类）
CSS 选择器（结构伪类）结构伪类（一）下面来通过结构伪类选择器选择树状结构中的标签元素。:nth-child(n)选择第二个元素并且是span标签的articlespan:nth-child(2){color:red;}...<article><span>https://blog.csdn.net/weixin_44541438</span><aside><span>h...原创 2021-01-08 10:18:21 · 348 阅读 · 1 评论 -
CSS 选择器（结构伪类）
CSS 选择器（结构伪类）结构伪类（一）下面来通过结构伪类选择器选择树状结构中的标签元素。:first-child选择元素中span标签并且是第一个。articlespan:first-child{color:red;}...<article><span>https://blog.csdn.net/weixin_44541438</span><aside>&l...原创 2021-01-08 10:16:43 · 230 阅读 · 0 评论 -
CSS 选择器（伪类选择器）
CSS 选择器（伪类选择器）伪类选择器为元素的不同状态或不确定存在的元素设置样式规则。 状态 示例 说明 :link a:link 选择所有未被访问的链接 :visited a:visited 选择所有已被访问的链接 :hover a:hover 鼠标移动到原创 2021-01-08 10:14:31 · 159 阅读 · 0 评论 -
CSS 选择器（属性选择器）
CSS 选择器（属性选择器）属性选择器根据属性来为元素设置样式也是常用的场景。 选择器 示例 描述 [attribute] [target] 带有 target 属性所有元素 [attribute=value] [target=_blank] targe 属性 等于"_blank" 的所有元素 [at原创 2021-01-08 10:13:16 · 184 阅读 · 0 评论 -
CSS 选择器（结构选择器）
CSS 选择器（结构选择器）结构选择器 选择器 示例 描述 element element div p 选择元素内部的所有 元素 element>element div>p 选择父元素为 元素的所有 元素 element+element div+p原创 2021-01-08 10:11:40 · 859 阅读 · 0 评论 -
CSS 选择器（基本选择器）
CSS 选择器（基本选择器）基本选择器 选择器 示例 描述 .class .intro 选择 class="intro" 的所有元素 #id #firstname 选择 id="firstname" 的所有元素 * * 选择所有元素 elem原创 2021-01-08 10:07:56 · 174 阅读 · 0 评论 -
CSS3 图片 二
缩略图我们使用 border 属性来创建缩略图。img{border:1px solid #ddd;border-radius:4px;padding:5px;}示例：<!doctype html><html><head><meta charset="utf-8"><titl...原创 2019-08-17 21:07:22 · 131 阅读 · 0 评论 -
CSS3 图片 一
圆角图片圆角图片:img{border-radius:8px;}示例：<!doctype html><html><head><meta charset="utf-8"><title>文献测试专用</title><style>img { border-radius:...原创 2019-08-17 21:02:49 · 171 阅读 · 0 评论 -
CSS3 渐变（Gradients）二
使用角度使用角度如果你想要在渐变的方向上做更多的控制，你可以定义一个角度，而不用预定义方向（to bottom、to top、to right、to left、to bottom right，等等）。语法background: linear-gradient(angle, color-stop1, color-stop2);角度是指水平线和渐变线之间的角度，逆...原创 2019-07-28 20:49:00 · 200 阅读 · 0 评论 -
CSS3 渐变（Gradients）一
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。CSS3 定义了两种类型的渐变（gradients）：线性渐变（Linear Gradi...原创 2019-07-28 20:41:28 · 256 阅读 · 0 评论 -
CSS3 渐变（Gradients）四
CSS3 径向渐变径向渐变由它的中心定义。为了创建一个径向渐变，你也必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时，你也可以指定渐变的中心、形状（圆形或椭圆形）、大小。默认情况下，渐变的中心是 center（表示在中心点），渐变的形状是 ellipse（表示椭圆形），渐变的大小是 farthest-corner（表示到最远的角落）。径向渐变的实例：语法bac...原创 2019-08-08 08:22:28 · 228 阅读 · 0 评论 -
CSS3 渐变（Gradients）三
使用多个颜色结点下面的示例演示了如何创建一个带有彩虹颜色和文本的线性渐变：<!doctype html><html><head><meta charset="utf-8"><title>文献测试专用</title><style>#grad1 { height: 55px; b...原创 2019-08-04 20:07:40 · 350 阅读 · 0 评论 -
CSS3边框
用CSS3，您可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序（如Photoshop等作图软件），极大地帮助您节省了很多时间。边框属性有：border-radius box-shadow border-image（需要注意的是：该属性不支持ie浏览器）Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。Fire...原创 2019-07-17 09:46:23 · 294 阅读 · 0 评论