分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

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

发布时间:2023-09-06 02:35责任编辑:白小东关键词:CSS

第二章 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 核心技术与案例实战》

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved