1 css语法 2 css导入样式 3 css选择器 3 1 基本选择器 3 2 组合选择器 3 3 分组和嵌套 3 4 属性选择器 3 5 伪类选择器 3 6 伪元素选择器 4 CSS选择器的优先级 5 css属性 5 1 文字相关的属性 5 2 宽度和高度 5 3 背景background 5 ...
分类:
Web程序 时间:
2020-03-14 01:21:57
阅读次数:
69
总结一下伪类与伪元素的特性及其区别: 伪类本质上是为了弥补常规CSS选择器的不足,以便获取到更多信息; 伪元素本质上是创建了一个有内容的虚拟容器; CSS3中伪类和伪元素的语法不同; 伪类 :link :hover 伪元素 ::before ::after 可以同时使用多个伪类,而只能同时使用一个伪 ...
分类:
其他好文 时间:
2020-03-08 21:41:08
阅读次数:
59
HTML5简介 万维网的核心语言,标准通用标记语言的写一个应用超文本标记语言(HTML)的第五次重大修改,作为新HTML语言,具有新的元素,属性和行为;广义的HTML是包含HTML5本身 + CSS3 + JavaScript,虽然不被所有浏览器所支持,但它是一种趋势; 新增语义化标签 注意: 1. ...
分类:
其他好文 时间:
2020-03-06 23:57:38
阅读次数:
108
伪元素(对象)选择器:(这几个伪元素选择器前面的冒号可写一组,也可以写两组;) 1)、::after : 与content属性一起使用,定义在对象后的内容。(必须具有属性content:“”;) 语法:选择符: :after{content:”文字”;} 选择符: :after{content:ur ...
分类:
其他好文 时间:
2020-03-02 00:56:20
阅读次数:
58
伪元素 伪元素可以创建一些文档语言无法创建的虚拟元素。 比如:文档语言没有一种机制可以描述元素内容的第一个字母或第一行,但伪元素可以做到(::first-letter、::first-line)。 同时,伪元素还可以创建源文档不存在的内容,比如使用 ::before 或 ::after。 不能用伪元 ...
分类:
Web程序 时间:
2020-02-29 22:18:11
阅读次数:
103
废话不多说,直接上代码!!! /*设置第一个首字母的样式*/ p:first-letter{ color: red; font-size: 30px; } /* 在....之前 添加内容 这个属性使用不是很频繁 了解 使用此伪元素选择器一定要结合content属性*/ p:before{ conte ...
分类:
其他好文 时间:
2020-02-29 12:54:42
阅读次数:
63
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类:
Web程序 时间:
2020-02-25 16:12:50
阅读次数:
151
CSS选择器世界 CSS选择器的分类与优先级 css选择器分为四类:选择器、选择符(后代关系的空格、>、+、~、||)、伪类、伪元素(::before、::after、::first-letter等)。 css的优先级:css的优先级有很多划分方法,所有的方法其实都大同小异。这里将CSS优先级划分为 ...
分类:
Web程序 时间:
2020-02-23 11:28:10
阅读次数:
125
清除浮动方式之伪元素清除法: <style type="text/css"> .top_bar{ height: 200px; border:1px solid red; } .child1{ width:200px; height:200px; background-color: green; f ...
分类:
移动开发 时间:
2020-02-20 09:52:22
阅读次数:
83
伪元素 ::before,::after 1. 空元素(不能包含内容的元素)不支持 ::before,::after IE 不支持的元素有:img,input,select,textarea。 FireFox 不支持的元素有:input,select,textarea。 Chrome 不支持的元素有 ...
分类:
Web程序 时间:
2020-02-17 14:07:34
阅读次数:
215