css3新增属性???? 边框属性 背景属性 文本属性 颜色属性 颜色属性值???? color:<name-color>。例如:red、green、blue... color:<hex-color>。例如:#eee、#ccc、#333... color:<rgb()>。例如:rgb(255,120,199 ...
转载 2021-10-19 15:37:00
172阅读
2评论
文章目录[隐藏] css3 变量: css3 变量:变量的声明:必须以–开头,// 全局声明:声明一个全局变量--bgcolor; :root 可以设置为 body html 和 root 记住只有 root 才有冒号:root{ --bgcolor:#000;}使用:在要用的地方用 var(--设置的名称,这个是可选参数当前面无效时的参数)普通声明:声...
css
原创 2021-07-05 13:41:15
397阅读
CSS3新增选择器 子选择器 子级选择器用于选取带有特定父元素的元素.box > p{ background-color: pink} 兄弟选...
原创 2022-03-03 10:55:55
105阅读
圆角 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>talk</title> <style type="text/css"> div { position: relative; width: 500px; ...
转载 2021-10-20 10:33:00
120阅读
2评论
天空之外结构(位置)伪类选择器(CSS3)案例属性选择器案例伪元素选择器(CSS3): 伪类与 :: 伪元素注意案例结构(位置)伪类选择器(CSS3):first-child :选取属于其父元素的首个子元素的指定选择器:last-child :选取属于其父元素的最后一个子元素的指定选择器:nth-child(n) : 匹配属于其父元素的第 N 个子元素,
原创 2020-07-15 09:14:14
815阅读
  颜色属性无处不在。字体要用颜色,背景可以有颜色,粒子特效更是离不开颜色。本文参考了一些资料简单总结下以备日后查阅。  css颜色的定义方式:十六进制色RGB & RGBAHSL & HSLA颜色名十六进制色  个人最喜欢的一种颜色表达方式。  十六进制颜色是这样规定的:#RRGGBB,其中的RR(红色)、GG(绿色)、BB(蓝色)十六进制整数规定了颜色的成分。所有值必须介于
转载 2017-05-18 14:35:35
359阅读
在PC版开发中由于IE原因,我们很少用到css3,但随着平板和智能手机进入我们的生活,以及现在越来越流行,在手机版和平板版开发中我们就可以大胆的使用了,下面我们探讨常用几个css3属性: 1.css3前缀使用介绍,我们直接看个例子:  Java代码   -webkit-transform:rotate(-3deg); // 给Chrome和Safari等webkit内核的浏览器使用   
转载 2014-11-13 12:48:00
124阅读
2评论
CSS3新增伪类举例: p:first-of-type p:last-of-type p:only-of-type p:only-child p:nth-child(2) :after :before:not()
css
原创 2021-07-27 20:50:42
212阅读
CSS3新增伪类举例: p:first-of-type p:last-of-type  p:only-of-type  p:only-child  p:nth-child(2) :after :before:not()
原创 2022-06-30 18:08:54
150阅读
.vote-box-list { float: left; width: 586px; border:#FF0000 1px solid; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7f6e6), ...
转载 2014-08-21 09:21:00
1113阅读
2评论
CSS3颜色特性“佛靠金装,人靠衣装”,网页也是如此。随着互联网的迅速发展,一个网页给人们留下的第一印象,既不是它的内容,也不是它的设计,而是整体颜色。为了能够达到人们的需求,Web设计师除了需要掌握网站制作的技术之外,还必须能够很好地应用Web颜色。换句话说,网站颜色的使用好坏,直接影响网站的生存力。网页色彩的表现原理:我们知道有256种Web安全颜色,其实这256种颜色是指8位颜色的表现能力,
原创 2018-10-04 14:17:01
942阅读
css
css
转载 2021-12-08 21:59:37
776阅读
一、线性渐变多种颜色之间的渐变,默认从上到下。也可以使用关键词设置线性渐变的方向,to,代表往哪儿去,联合top\right\bottom\left,就规定了向上\右\下\左的方向渐变过度;也可以使用角度值(例:90deg)设置线性渐变的方向background-image: linear-gradient(red,yellow,green); /*默认从上到下渐变*/ background-
原创 2023-11-01 14:27:46
433阅读
css3新增属性???? 边框属性 背景属性 文本属性 颜色属性 文本属性???? 属性 说明 text-shadow 为文字添加阴影 box-shadow 在元素的框架上添加阴影效果 text-overflow 确定如何向用户发出未显示的溢出内容信号 word-wrap 允许对长的不可分割的单词进行分割并 ...
转载 2021-10-16 17:07:00
103阅读
2评论
css3新增属性有哪些?来提问这个问题的人都应该知道css3css的升级版本,那么,css3既然是升级版本,自然是会新增一些属性,接下来本篇文章将给大家介绍关于css3中常用的新增属性。 一、css3新增边框属性 1、css3新增属性之border-color:为边框设置多种颜色 p{ borde
转载 2020-10-02 14:19:00
126阅读
2评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { width: 300px; height: 300px; border: 1px solid red; } .box1 { background-color: #000;
原创 2021-11-16 16:45:27
292阅读
css3新增属性???? 边框属性 背景属性 文本属性 颜色属性 文本属性???? 属性 说明 text-shadow 为文字添加阴影 box-shadow 在元素的框架上添加阴影效果 text-overflow 确定如何向用户发出未显示的溢出内容信号 word-wrap 允许对长的不可分割的单词进行分割并 ...
转载 2021-10-16 17:07:00
155阅读
2评论
实现思路:图片作为背景,drop-shadow阴影形成新的元素,再用left把整体偏移回去,最后用overflow:hidden把原图片隐藏注:当放在其他绝对定位的元素上面时注意z-index的处理。.iconXXX{ overflow:hidden; display: inline-block; position: relative; height:20px; ..
原创 2023-05-17 11:35:38
241阅读
一、须知 placeholder属性是css3新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本。   二、设置placeholder文字颜色、字号 方式1:因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。   ::-webkit-input-placeholder { /* WebKit br
转载 2021-08-13 20:01:26
1558阅读
转载请标明出处:蒋宇捷(hfahe) http://blog..net/hfahe 考虑一下,如何在网页中达到类似以下文字渐变的效果? 传统的实现中,是用一副透明渐变的图片覆盖在文字上。具体实现方式可参考http://www.qianduan.net/css-gradient-text-effect.html。
转载 2022-01-06 16:22:33
667阅读
  • 1
  • 2
  • 3
  • 4
  • 5