腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

综合排序丨最热优先丨最新优先

1.选择器属性选择器 //其中attr不一定是class，也可以是name，href，id，type。。。。 /*选择具有att属性的E元素*/ .con p[class]{ background: pink; } /*选择具有att属性且属性值等于val的E元素。*/ .con p[class="two"]{ color: white; }

2018-09-29

9820

标签:

值： (1)、normal(正常)；bold(加粗)；（<==常用） (2)、纯数字：100~900的整百数；

2022-11-02

2.2K0

标签:

CSS3 浏览器内核 transition过渡 transition transition-property: all; transition-duration: 1s; first-child{ transform: rotateY(180deg); } .parent:hover div:last-child{ transform: rotateY(0);} CSS3 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center ;margin:5px auto;"> <img src="CSS3 CSS3伪元素 CSS 伪元素用于设置元素指定部分的样式。例如，它可用于：设置元素的首字母、首行的样式在元素的内容之前或之后插入内容请注意双冒号表示法 - ::first-line 对比 :first-line 在 CSS3 中，双冒号取代了伪元素的单冒号表示法

2022-01-18

1K0

标签:

【CSS3】CSS3 动画 ① ( CSS3 动画简介 | CSS3 动画实现步骤 | 动画定义 | 代码示例 )

一、CSS3 动画简介 " 动画 " 是 CSS3 相较于 CSS 的颠覆性特性之一 ; 在 CSS3 中 , 可以设置多个动画节点 , 精确地控制一个动画或若干动画 , 实现复杂的动效 ; 动画可以实现 : 过渡效果更多变化更多控制自动播放等效果 ; 二、CSS3 动画实现步骤 CSS3 动画实现步骤 : 首先 , 使用 @keyframes 定义动画 , 后面的

2023-10-15

2.8K0

标签:

CSS3 代码生成工具：Create CSS3

CSS3 具有相当多的新增属性，而且包括阴影、动画、过渡等华丽的效果。但是由于 CSS3 出来并没有很久，各个浏览器厂商还在开发中，有些属性仍然会带有实验性前缀。而且类似制作动画、渐变的 CSS3 代码也相当复杂，一旦写错就会导致出现问题。为此，有人开发了一个生成 CSS3 代码的工具 Create CSS3 。这类的工具已经非常多了，但并不是很全，往往只是单纯的生成按钮或者渐变、阴影等等，而这个工具，几乎包括了所有的 CSS3 属性。你只需要选择一个属性，填写一些参数，就可以生成对应的 CSS3 代码，同时它会自动的在相关属性前面增加实验性前缀，而且在下面还可以看到预览效果。如果你比较懒，又需要一些 CSS3 编写的效果，不妨来使用一下 Create CSS3 吧！ ----

2023-04-14

9200

标签:

-webkit-border-radius: 10px; / Webkit (如 Safari 和 Chrome) / border-radius: 10px; / W3C / } 2、快速而有效的 CSS3 技巧通过相邻兄弟选择器将 div下一个p更改为红色字体 div.s1+p div+p 通过通用兄弟选择器将 div后所有的p 背景改为 #ccc色 div~p △CSS3 多栏布局 column-width column-gap: 2em; column-rule: thin dotted #999; column-width: 12em; } △文字换行 word-wrap: break-word; △CSS3 △背景图片位置 7、可缩放图标：响应式设计中的完美选择 △请见 http://fico.lensco.be/ CSS3 过渡、变形和动画 1、过渡 transition: all 1s ease 0s 美化 HTML5 表单 input:not([type="range"]), textarea, select{/样式/} 针对表单的 CSS3 伪类选择器 input:required ：选择必填表单域

2020-01-10

1.2K0

标签:

有人将HTML 5和CSS 3比做Flash的杀手，这是有原因的。因为除了HTML 5能够实现矢量图形制作外，使用CSS 3还可以对图像进行更细致的操作，它新增了动画功能，要实现图像的变形等功能，只需要一行CSS就可以实现了。那么结合HTML 5和JavaScript就可以将动画做得更美，效果完全可以接近Flash。但要想实现Flash的那种效果，还是需要下一定工夫的，但新增的动画功能已经足够让人兴奋了。通过下面这个例子，读者可以试验一下利用简单的CSS 3特性完成鼠标悬停时的动画效果，见代码清单3-19。

2020-01-09

3.4K0

标签:

source=cloudtencent 什么是 CSS3？ CSS3 是 CSS 一个新的标准，直接理解为是 CSS 的升级版，里面新增了很多样式（特性）。 CSS3 盒子模型注意 CSS3 盒子模型必须要掌握，否则你在实际开发中遇到样式错乱很难排查问题。但是在实际开发中，前者是相对更加灵活的，但是 W3C 规范中规定了它们不能被包含在其中，为了解决这个问题，在新的 css3 标准中新增了 box-sizing 属性，用于切换两种盒子模型。 <body> <div class="content-box">content</div> <div class="border-box">border</div> </body> CSS3 新特性注意目前只大致列举 CSS3 新特性，后续的文章会详细介绍盒子模型盒子圆角盒阴影边框图片背景渐变文本效果字体 2D 转换 3D 转换动画 & 过度弹性盒子选择器

2023-04-11

7570

标签:

1、border-radius 圆角是做网页永远绕不过的话题，以前基本是通过背景图片做的，有了CSS3后可以使用简单的属性搞定，可以通过border-radius设置元素的圆角半径。 2、border-image 边框都是线条略显单调，使用CSS3的border-image属性可以用图片作为边框的修饰。

2018-06-27

2.9K0

标签:

法产生问题的父标签添加 overflow 属性 overflow: hidden | auto | sroll; after 伪元素法 after伪元素法是额外标签法的升级版（推荐) 核心原理:利用CSS3 的新特性自动创建一个叫做after的伪元素，再使用clear:both进行浮动清除双伪元素法双伪元素是after伪元素的升级方法核心原理:利用CSS3的新特性自动创建before和after两个伪元素

2022-06-27

2.5K0

标签: