【css3新增加的选择器】的更多相关文章

css3新增加的选择器

css3新增加的选择器 一.属性选择器: E[attr] 只要有属性名E[attr=value] 属性名=属性值E[attr~=blue] 包含这个blue整个单词就可以E[attr^=c] 以这个字母c开头的E[attr$=b] 以这个字母b结尾的E[attr*=a] 只要包含a这个字母就行E[attr|=z] 只要以字母z-开头的或者就是字母z的 二.结构性伪类选择器: E:nth-child(n) 第n个子节点div:nth-child(odd) 奇数行div:nth-child(even…

CSS3新添加的选择器

---条件选择器:--- .ccc[cusid*= value] { backgroud-color:#0094ff; } //表示使用了class="ccc"元素自定义属性cusid的值包含value字符的即可使用如下样式. [cusid^= value] { backgroud-color:#0094ff; } //表示元素自定义属性cusid的值以value字符开头的即可使用如下样式. [cusid$= value] { backgroud-color:#0094ff; } //…

总结CSS3新特性(颜色篇)

颜色: CSS3新增加了hsl(), hsla(), rgb(),rgba()四个函数来创建color值; hsl(): hsl函数:h(色调),s(饱和度),l(亮度); 色调:为0-360之间的数值[经实验,可以为小数]; 饱和度与亮度:均为百分比; 下图截自http://www.w3.org/wiki/CSS/Properties/color/HSL 当亮度为100%时为白色,当亮度为0%为黑色; 饱和度100%以及亮度50%时生成的颜色均为web安全色 rgb(): rgb函数:r(re…

03-移动端开发教程-CSS3新特性（下）

1. CSS3动画 1.1 过渡的缺点 transition的优点在于简单易用,但是它有几个很大的局限. transition需要事件触发,所以没法在网页加载时自动发生. transition是一次性的,不能重复发生,除非一再触发. transition只能定义开始状态和结束状态,不能定义中间状态,也就是说只有一个开始状态和结束状态. 一条transition规则,只能定义一个属性的变化,不能控制多个属性. CSS Animation就是为了解决这些问题而提出的. .box { /* 分别设置多…

HTML5新规范和CSS3新特性

1.HTML5最新规范(HTML5是HTML.XHTML以及HTML.DOM的新标准) ①用于绘画canvas元素 ②用于媒介回放的video和audio元素 ③对本地离线存储的更好支持 ④新的特俗内容元素.如:article.section.footer.nav.header ⑤新的表单控件,比如:calendar.date.time.email.URL.search 2.css3新的特性 ①选择器(如类选择器,id选择器.伪类选择器) ②盒模型 ③背景和边框(border-radius.ba…

html5 javascript 新增加的高级选择器更精准更实用

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>js新增选择器</title></head><body><h3>标题2</h3>    <h2>标题1</h2>        <ul id="u1"&…

css3新的选择器

CSS3新的选择器 ele[att^="val"] /*属性att的值以val开头的元素*/ ele[att$="val"] /*属性att的值以val结尾的元素*/ ele[att*="val"] /*属性att包含val字符串的元素*/…

CSS3新特性应用之用户体验

一.光标 新增加not-allowed光标,不允许访问 隐藏光标,在触模应用上很有用,css2.1需要一个透明的图片来实现,而css3直接用cursor:none即可. 完整代码: curosr: url(transparent.gif'); cursor: none; 二.扩大热区 应用在小按钮的情况下,不好被鼠标点击到 代码如下: .btn{ position: relative; cursor: pointer; } .btn:after{ position: absolute; cont…

HTML5和CSS3新特性一览

HTML5 1.HTML5 新元素 HTML5提供了新的元素来创建更好的页面结构: 标签 描述 <article> 定义页面独立的内容区域. <aside> 定义页面的侧边栏内容. <bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置. <command> 定义命令按钮,比如单选按钮.复选框或按钮 <details> 用于描述文档或文档某个部分的细节 <dialog> 定义对话框,比如提示框 <summary>…

H5 和 CSS3 新特性

博客地址:https://ainyi.com/52 H5 新特性 语义化标签:header.footer.section.nav.aside.article 增强型表单:input 的多个 type 新增表单元素:datalist.keygen.output 新增表单属性:placehoder.required.min 和 max 音频视频:audio.video canvas 地理定位 拖拽 本地存储:localStorage - 没有时间限制的数据存储:sessionStorage - 针对…