码迷,mamicode.com
首页 > Web开发 > 详细

《图解 CSS3 核心技术与案例实战》

时间:2019-03-20 17:26:15      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:部分   没有   tar   box   单元   image   lang   添加   计算   

第二章 CSS3 选择器

  1. 基本选择器:所有浏览器都可用
  2. 层次选择器:基本所有浏览器都可用(部分 IE7+)
  3. 伪类选择器:大部分 IE8+9 + 可用

    E:target:匹配 id 为 hash 的元素

    E:lang(language):匹配 lang 属性的值为 language 的元素
  4. 伪元素:IE6~8 仅支持单冒号,IE9 + 支持伪元素

    伪元素为 DOM 树没有定义的虚拟元素。不同于其他选择器,它不以元素为最小选择单元,它选择的是元素指定内容。

使用伪元素可以 DOM 的部分内容(并非整个 DOM)添加样式

  1. 属性选择器:基本所有浏览器都可用(IE7+)

第三章 CSS3 边框

目前:

  • border-color:浏览器支持的不是很好,尽量别用
  • border-image:IE11 才支持,谨慎使用

    使用一张图片切成九宫格(切的顺序:TRBL),用 8 个边上个格为图片生成边框背景
  • border-radius:浏览器支持的不错,IE9 + 可用

    参数:none | 水平参数 {1,4} / [垂直参数 {1,4}]?
  • box-shadow:和 border 不同,box-shadow 不是盒模型的中的属性,不会计算到宽度

PS:图片圆角我测试可以直接使用,但图片内阴影直接设置无效需要将图片设置为背景,或外面套个 div 实现

第四章 CSS3 背景

  • 多背景:IE8 + 支持

    多个背景用逗号隔开

《图解 CSS3 核心技术与案例实战》

标签:部分   没有   tar   box   单元   image   lang   添加   计算   

原文地址:https://www.cnblogs.com/jffun-blog/p/10566083.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!