CSS3与CSS3选择器总结

于 2020-04-13 18:27:22 发布
阅读量189 收藏
点赞数
分类专栏： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46579258/article/details/105494724
版权

CSS3

CSS3和CSS的关系

CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。

CSS3的优点

css3的优点：CSS3将完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。对我们来说，CSS3主要的影响是将可以使用新的可用的选择器和属性，这些会允许实现新的设计效果（譬如动态和渐变），而且可以很简单的设计出现在的设计效果（比如说使用分栏）

CSS3的兼容

在这里插入图片描述

CSS3选择器

属性选择器

在这里插入图片描述

结构性伪类选择器

在这里插入图片描述

目标伪类选择器补充

在这里插入图片描述

UI元素状态伪类选择器

在这里插入图片描述

动态伪类选择器

在这里插入图片描述

层级选择器

在这里插入图片描述

weixin_46579258
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
css3选择器
zny_study的博客
07-25 220
css3选择器在css2.1的基础上新增加了属性选择器，伪类选择器，过滤选择器。 1.基本选择器：                         标签选择器，即直接使用html元素标签，也成为类型选择器。例如p{}。                         类选择器，在选择器前面加(.)，然后跟随自定义的类名。 当几个不同标签使用相同的类名时，将标签和类捆绑在一起定义选择器可以限...
CSS3 选择器总结及详解
Alice_yo的博客
12-26 548
CSS3 选择器 在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 兄弟选择符： ~ <style> *{ margin: 0; padding: 0; } body{ text-align: center; } h3{ background: yellow; width: 150px; height: 40px; line-hei...
css3选择器--基本选择器，层次选择器，属性选择器
Ljs_cn的博客
12-05 1万+
在大篇CSS代码中，并没有说明什么样式服务于什么元素，只是在元素中使用了class属性。而class属性本身没有语义，它纯粹是用来为CSS服务的，属于多余属性，并没把样式和元素绑定起来，一个CSS类选择器，文本框可以使用，下拉框也可以使用，甚至按钮也可以使用，这样其实非常混乱， 修改时就不方便，所以CSS3中提倡使用选择器来将样式与元素直接绑定起来。
jQuery选择器的优势
樊灵洁
06-23 1286
今天学习了jQuery选择器，以前只是会用常用的一些，今天具体看了一下，发现还是值得好好学习的。 先说一下jQuery选择器的优势： 1、简洁的写法：省去了getElementBy...的复杂方法来获取对象。直接通过$("")便可以获取（双引号内写选择器） 2、支持css1到css3选择器：除了少量的独有的选择器，其他的选择器和css中的一样，...
CSS3 选择器 属性选择器介绍
12-13
从上一节展示的CSS3选择器的图表中，我们可以知道，CSS3的属性选择器主要包括以下几种： E[attr]：只使用属性名，但没有确定任何属性值； E[attr="value"]：指定属性名，并指定了该属性的属性值； E[attr~="value"]...
漂亮的CSS3颜色渐变选择器
06-12
现在html5 css3已经越来越流行，用CSS3实现DIV渐变已经不是什么难事了，但现在还需要先在PS中画出效果后再取色，写入CSS3比较麻烦。 今天给大家介绍一款插件，可以自由拖动DIV的渐变颜色，并直接复制代码即可，方便...
两种CSS3伪类选择器详细介绍
12-13
css伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在平时中是常用到的伪类选择器，现在向大家介绍一下两种新增的Css3伪选择器。 1、UI元素状态伪类 我们把":enabled",":disabled",":...
CSS3中的常用选择器使用示例整理
09-24
总结，CSS3的选择器极大地增强了样式表的灵活性和精确性。`:root`、`:not`、`:empty`和`:target`只是其中的一部分，还有更多如伪类、属性选择器、组合选择器等，它们共同构建了强大的CSS3选择器体系，使得开发者能更...
CSS3 选择器 基本选择器介绍
12-13
那么从现在开始我们先丢开他们版本的区别，从头一起来看看CSS选择器的运用。 CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样我们选择相应的元素就...
盘点使用Html5+CSS3的优势
everclub的专栏
02-11 1039
一：大多浏览器支持，低版本也没问题     我看点这方面的资料，是为了做手机应用网站（有三个方案，这个是备用方案），可以开发响应式网站，可以脱离开发平台进行跨平台。     在Html5网页中引入Modernizr，就能让IE支持HTML5新元素。     HTML5样板文件快速开发（html5boilerplate.com） 二：布局、标签省时省力    [html] vi
CSS3——属性选择器
热门推荐
sleepwalker_1992的专栏
05-12 1万+
CSS3 属性选择器 CSS3 属性选择器，在 CSS3 中，追加了三个属性选择器分别为：[att*=val]、[att^=val]和[att$=val]，使得属性选择器有了通配符的概念。[att*=val]表示包含。CSS3 结构性伪类选择器，包含伪类选择器和伪元素选择器，在伪元素选择器中包含 first-line（给元素内容第一行增加属性）、first-letter（给元素内容首字母增加属性）...
CSS3的选择器
Tsite2007的博客
02-27 362
CSS选择器复习 通用选择器：* 选择到所有的元素  选择子元素：> 选择到元素的直接后代(第一级子元素)  相邻兄弟选择器：+ 选择到紧随目标元素后的第一个元素  普通兄弟选择器：~ 选择到紧随其后的所有兄弟元素  伪元素选择器：  ::first-line 匹配文本块的首行  ::first-letter 选择文本块的首字母  伪类选择器：  :before, :
CSS3新增选择器
tomorrownan的博客
04-21 5816
都知道css有三个简单常用的选择器，#id、class和标签选择器。但是css3又新增了一些选择器，可以减少结构代码中ID属性和class属性的定义。使用它们可以减少不少冗杂的代码，便捷开发。下面介绍： css3属性选择器 css3结构伪类选择器 css3 UI伪类选择器 1.css3属性选择器 属性选择器语法如下（E表示标签）： 选择器 功能描述 E[attribute] 选...
使用jQuery选择器的优势
sinat_36841379的博客
06-07 3221
使用jQuery选择器的优势        最近在慕课网上再回顾一下jQuery,发现其中有挺多的细节之前也没有留意到，如果我们使用jQuery选择器，或者使用的是DOM操作方法，其中jQuery选择器会有什么样的优势呢？ 我们肯定知道利用id,class,tag可以通过原生的方法获取到对应的节点，但是其中会有一些兼容性的问题。而jQuery的优势有很多，包括容易上手，利用更少的代码可以写
12：Css3的概念和优势
qq_22225239的博客
07-06 1341
12：Css3的概念和优势 12：Css3的概念和优势 CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。 css3的优点：CSS3将完全向后兼容，所以没有必要修改现在...
matlab下载.pdf
07-14
matlab下载下载方式及注意事项
Android系统原理及开发要点详解-从入门到精通
07-13
Android系统原理及开发要点详解 Java4 Android视频教程 Android开发视频教学 从入门到精通 Android的软件管理器的开发教程视频 Android深入浅出_Android高端课程分享试听 JavaWeb Android系统的手机防盗软件的实现 Android开发入门与实战随书视频 视频列表.txt 0.0MB 开发入门与实战代码.rar 6.1MB 第9章 我来“广播”你的“意图”——Intent和Broadcast面对面.wmv 15.1MB 第8章 移动信息仓库——Android的数据存储操作之轻轻地我保护——SharedPreferences存储-2.wmv 0.6MB 第8章 移动信息仓库——Android的数据存储操作之轻轻地我保护——SharedPreferences存储-1.wmv 24.3MB 第8章 移动信息仓库——Android的数据存储操作之Android数据存储概述.wmv 57.7MB 第7章 良好的学习开端——Android基本组件介绍之友好地互动交流——对话框(Dialog)介绍与实例-2.wmv 7.
GESP等级认证 2024年6月 C++一级真题
最新发布
07-14
GESP等级认证 2024年6月 C++一级真题 从官网上刚刚下载下来的,题都是热乎的,这可是最新真题 大家看一看瞧一瞧,走过路过不要错过,免费下载,全篇无水印,不好用随便吐槽我! 涵盖选择题,判断题,编程题,基础知识多,满满的干货,非常建议下载!!!!! 萌新小白来做做题,复习巩固都很合适!

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值