css基础
1 | body { |
上面这个是「Head first html与css」第二版里第12章的一个css文件实例。第一次看还是有点头大,其实我们只需要理解这些符号的含义就行。
同时要特别注意大小写,这个是对大小写敏感的。
因为css作用域就是整个html文件,所以上面这些符号其实描述的就是html的标签。
- body 这个其实就是定义了这个html里<body>………………</body>范围内的所有的定义,同理什么p nav a 这些都是这样的, 只要是html里元素都直接用,不需要加任何的。
- #headerSlogan 这种其实定义了 某个标签内id为headSlogan 里的内容。
- .top 这种定义了 某个标签内class为top 里的内容。
- nav ul li 这种是定义了nav标签内ul标签内li这个标签的内容,是上下级关系。
- a,p 这种就是定义了a标签和p这个标签内的内容,两者是同等关系,不存在上下级。
- a:link 这种就是定义了标签为a下的伪类link的内容。
这里的伪类是什么意思?都包含哪些呢?查了一下 https://zhuanlan.zhihu.com/p/19743782 这里说的还是很明白的,比我自己总结的要好。