html5是HTML的最新标准版本,而css3则是css的最新标准版本。平时大家说HTML5+CSS3,其实指的就是利用这二者的新特性来开发项目。 HTML5相对于以前的HTML4版本,主要朝着语义化、现代化的方向发展,去掉了一些纯表现形式的标签,增加了一些语义化的标签和多媒体标签,更加符合现代开发需要。而CSS3呢,基本上是向下兼容以前的标准,在以前的基础上添加了不少新特性。利用HTML5+CSS3组合,可能简单几行代码就能够实现以前需要很多代码配合js才能实现的功能。
这是由于浏览器的内核是不一样的大概有这么几家:
IE浏览器内核:Trident内核,也是俗称的IE内核;Chrome浏览器内核:统称为Chromium内核,以前是Webkit内核,现在是Blink内核;
Firefox浏览器内核:Gecko内核,俗称Firefox内核;
Safari浏览器内核:Webkit内核;
Opera浏览器内核:最初是自己的Presto内核,后加入谷歌,从Webkit又到了Blink内核;
360浏览器、猎豹浏览器内核:IE+Chrome双内核;
搜狗、遨游、QQ浏览器内核:Trident(兼容模式)+Webkit(高速模式);
百度浏览器、世界之窗内核:IE内核;
但是,这些不同内核的浏览器,CSS3属性中理论上是需要添加不同的前缀,也将其称之为浏览器的私有前缀,添加上私有前缀之后的CSS3属性可以说是对应浏览器的私有属性。之所以,一些属性没有加前缀,各个内核也都能识别,是因为这一部分属性已经形成了默认的标准,各个浏览器内核是普遍认可的。
解决这个问题的方法很多:
通过使用脚本来处理。
通过使用开发是编辑器的插件
通过CSS的预处理器
通过使用自动化工具处理
尽管css的选择器很强大了,但是考虑其兼容性,尽可能的少用,比如我们在做一个前端页面的切图的时候,会看情况:
如果是h5手机网站,推荐用css选择器
如果是pc网站,适当用css选择器
如果是pc网站,并且是政府、学校等机关单位,杜绝用css选择器
不包括
一:css基本选择器有哪些
1.css属性选择器
2.css标签选择器
3.cssID选择器
4.css的通配符
二:css有哪些高级选择器
1.css标签选择器
css标签选择器其实就是页面上的所有类型的标签,我们对经常描述称为共性,对无法描述的称为个性。我们在页面上看到input,div和ul都有可能是选择器,无论这个标签藏得多深,都可能被选择上,并且选择的是所有标签,并不是单单指一个。
2.cssID选择器
css中我们使用#来对名字进行自定义,#是指对一个特殊的标签来使用,并且只能用一次,在任何html标签中,都可以有id属性,但是前提要按照字母开头,更不能用字母去开头,或者和标签同名。还有一些高手建议在css层面上尽量不要使用id。
3.css类选择器
css中类选择器,我们使用.来表示,我们使用类来表示,其实就是比较灵活。class和id是十分相似的,并且同一个标签可以使用很多个类选择器,也可以多种标签使用。
4.css的通配符,可以替换任何标签,目前有些浏览器是不支持使用。