• 垫江县鹤游镇多举措切实做好水稻病虫害防治工作 2019-08-28
  • 明堂红木栽种海南黄花梨 让员工更加珍惜红木材料 2019-07-03
  • 端午假期广州全球“吸粉”迎客578万人次 2019-06-30
  • 中国的强大不是说说而己,不要因为有俩钱就以为成了世界老大 ! 拥有保护财富和维护主权的能力,才是真正强大的标志!(原创首发) 2019-06-30
  • 20年后中国受过高等教育人口达到3.5亿,比美国总人口还多,硕士生将达到2千5百万,博士2百万。这就是20年后中国的实力,这也是人类进步,建议美国平静接受,没必 2019-06-23
  • 邯郸“廉政诊所”筑起基层首道廉政防线 2019-06-23
  • 争奇斗艳 洛阳牡丹进入盛花期  600多种牡丹迎春绽放 2019-06-23
  • 一语惊坛(5月21日):不忘初心,将改革开放进行到底,中国梦一定实现! 2019-06-23
  • 【见证西安】NO.9西安首届农民节,记录西安农村新生活! 2019-05-14
  • 【中国梦·大国工匠篇】“景德镇拉坯第一人”占绍林:手艺“满意”前谢绝资本加入 2019-05-14
  • 【北京海之沃车型报价】北京海之沃4S店车型价格 2019-05-14
  • 让“绿领”引领农村新风尚 2019-05-13
  • 十九大精神进机关:原原本本吃透精神 学懂弄通昂扬斗志 2019-05-13
  • 从追赶时代到引领时代——从深圳发展奇迹看中国改革开放40年 2019-05-12
  • 轩辕坛-当售后服务插上互联网翅膀 2019-05-12
  • 免费模板网标签tags 更多...
    您的位置:重庆时时彩五星3码必中 > div+css > css3新增属性有哪些

    重庆时时彩开奖excel:css3新增属性有哪些

    时间:2018-01-31 来源:网上收集 作者:Tony 阅读次数 tagscss3

    分享到:

    重庆时时彩五星3码必中 www.qyw5.com.cn 相对于之前的css2,我们在css3上会发现一些经常用到的功能,如伪类的使用,还有选择器的使用

    一、选择器

    1、属性选择器:

    • p[index]{background:red}                           //只使用属性名,但没有确定任何属性值

    • p[index=1]{background:red}                       //指定属性名,并指定了该属性的属性值

    • p[index~=pre]{background:red}                  //指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词

    • p[index^=p]{background:red}                         //指定了属性名,并且有属性值,属性值是以value开头的

    • p[index$=M]{background:red}                         //指定了属性名,并且有属性值,而且属性值是以value结束的

    • p[index*=d]{background:red}                         //指定了属性名,并且有属性值,而且属值中包含了value

    • p[index|=d]{background:red}                      //指定了属性名,并且属性值是value或者以“value-”开头的值(比如说zh-cn)

    2、结构性伪类

    • E:nth-child(n) 表示E父元素中的第n个字节点

    p:nth-child(odd){background:red}/*匹配奇数行*/

    p:nth-child(even){background:red}/*匹配偶数行*/

    p:nth-child(2n){background:red}

    • E:nth-last-child(n) 表示E父元素中的第n个字节点,从后向前计算

    • E:nth-of-type(n) 表示E父元素中的第n个字节点,且类型为E

    • E:nth-last-of-type(n)表示E父元素中的第n个字节点,且类型为E,从后向前计算

    • E:empty 表示E元素中没有子节点。注意:子节点包含文本节点

    • E:first-child 表示E元素中的第一个子节点

    • E:last-child 表示E元素中的最后一个子节点

    • E:first-of-type 表示E父元素中的第一个子节点且节点类型是E的

    • E:last-of-type 表示E父元素中的最后一个子节点且节点类型是E的

    • E:only-child表示E元素中只有一个子节点。注意:子节点不包含文本节点

    • E:only-of-type 表示E的父元素中只有一个子节点,且这个唯一的子节点的类型必须是E。注意:子节点不包含文本节点

    3、伪类

    • E:target 表示当前的URL片段的元素类型,这个元素必须是E

    • E:disabled 表示不可点击的表单控件 E:enabled 表示可点击的表单控件

    • E:checked 表示已选中的checkbox或radio

     

    • E:first-line 表示E元素中的第一行

    • E:first-letter 表示E元素中的第一个字符

    • E::selection表示E元素在用户选中文字时

    • E::before 生成内容在E元素前

    • E::after 生成内容在E元素后

    • Content 属性

    • E:not(s) 表示E元素不被匹配

    • E~F表示E元素毗邻的F元素

    二、颜色模式

    css3新增属性有哪些

    css3新增属性有哪些

     三、文字阴影与描边

    1、文字阴影

    css3新增属性有哪些

    光晕效果:color:white; font-size:100px; text-shadow:0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;

    css3新增属性有哪些

    层叠效果:color:red; font-size:100px; font-weight:bold; text-shadow:2px 2px 0px white, 4px 4px 0px red;

    css3新增属性有哪些

    浮雕效果:color:white; font-size:100px; font-weight:bold; text-shadow:2px 2px 4px #000;

    css3新增属性有哪些

    2、文字描边:只有webkit内核支持

     -webkit-text-stroke:宽度 颜色

    四、新增文本功能(全兼容)

    1、direction 定义文字排列方式(全兼容)

    • rtl 从右向左排列

    • ltr 从右向左排列

    • 注意要配合unicode-bidi:bidi-override; 一块使用

    2、text-overflow 定义省略文本的处理方式

    • clip 无省略号

    • Ellipsis 省略号 (注意配合overflow:hidden和white-space:nowrap一块使用)

    五、自定义字体


    本文地址://www.qyw5.com.cn/bjrm/h2952.html

    猜你喜欢
    栏目推荐
    模板推荐

    Copyright:2014-2019 www.freemoban.com Corporation,All Rights Reserved 免费模板网 版权所有 鄂ICP备19005084号

    免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,请通知我们,我们会及时删除侵权内容,谢谢合作!

    建站咨询QQ
  • 垫江县鹤游镇多举措切实做好水稻病虫害防治工作 2019-08-28
  • 明堂红木栽种海南黄花梨 让员工更加珍惜红木材料 2019-07-03
  • 端午假期广州全球“吸粉”迎客578万人次 2019-06-30
  • 中国的强大不是说说而己,不要因为有俩钱就以为成了世界老大 ! 拥有保护财富和维护主权的能力,才是真正强大的标志!(原创首发) 2019-06-30
  • 20年后中国受过高等教育人口达到3.5亿,比美国总人口还多,硕士生将达到2千5百万,博士2百万。这就是20年后中国的实力,这也是人类进步,建议美国平静接受,没必 2019-06-23
  • 邯郸“廉政诊所”筑起基层首道廉政防线 2019-06-23
  • 争奇斗艳 洛阳牡丹进入盛花期  600多种牡丹迎春绽放 2019-06-23
  • 一语惊坛(5月21日):不忘初心,将改革开放进行到底,中国梦一定实现! 2019-06-23
  • 【见证西安】NO.9西安首届农民节,记录西安农村新生活! 2019-05-14
  • 【中国梦·大国工匠篇】“景德镇拉坯第一人”占绍林:手艺“满意”前谢绝资本加入 2019-05-14
  • 【北京海之沃车型报价】北京海之沃4S店车型价格 2019-05-14
  • 让“绿领”引领农村新风尚 2019-05-13
  • 十九大精神进机关:原原本本吃透精神 学懂弄通昂扬斗志 2019-05-13
  • 从追赶时代到引领时代——从深圳发展奇迹看中国改革开放40年 2019-05-12
  • 轩辕坛-当售后服务插上互联网翅膀 2019-05-12