CSS选择器 知识点汇总

选择器伪类选择器和伪元素选择器的区别 伪类选择器:是已有元素的一种状态下的样式,它不是真实存在的元素(和伪元素要区分开)【比如:checked表示某些特定的元素被选中(参考笔记)】 伪元素选择器:不会出现在HTML中,也不会出现在DOM树中,但它是真实存在的元素,它可以在页面上显示内容、设置样式等等。 伪类单冒号,伪元素双冒号(但因为历史遗留问题,有的浏览器中伪元素也只能使用单冒号)【比如:h1::before可以在h1元素的内容前面插入新元素。】 补充:很久以前 伪元素选择器 刚出现时也是和 伪类选择器 一样使用单冒号的,所以去兼容一些老旧的IE时也有可能需要使用单冒号来写伪元素选择器,否则可能显示不出来,这是历史遗留问题。 可参考笔记伪类和伪元素

阅读全文

HTML知识点汇总

DOCTYPE 的意义是什么 让浏览器以标准模式渲染比如:我们都知道 标准盒模型和替代盒模型 ,很久以前IE有很多渲染模式,当我们带上DOCTYPE时,IE就知道要以标准模式渲染,也可以体现在 标准盒模型 上。(不只是IE,很多浏览器都有,也不一定是表现在盒子模型上,很多元素都有) 让浏览器知道元素的合法性比如:直接使用<!DOCTYPE html>浏览器就知道要根据html5的标准来审核元素是否合法(上面的“HTML版本”有图解不同版本的要求),但不合法也不会有什么事情,浏览器会做大量容错。

阅读全文

HTML基础强化(2)

HTML元素默认样式 意义:只需要写出HTML元素就能看到效果,不需要在写出元素以后再去定义样式才能看到效果,工作量减少了。(比如下拉框,有了默认样式我们就不需要自己去定义箭头的样式、里面的文字的样式、框的样式等等) 问题:有一些元素的默认样式时无法覆盖的,比如下拉框。 注意:<html>元素 是有样式的,当我们发现样式有问题是要从 <html>元素 开始找,而不是直接从 <body>元素 开始。

阅读全文