CSS非布局样式:背景

背景 background属性(其中包含了很多属性,这里具体补充 笔记CSS背景 中没有的渐变部分,其他参考笔记CSS背景) 多分辨率适配:图标需要适配移动端的时候可以将background-size调小,那么移动端上看到就会更加清晰。(大图调小一倍也就是“两倍图”/“高清屏”)

阅读全文

CSS选择器 知识点汇总

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

阅读全文