如果说前端的html入门还比较简单的话,那么从css开始就进入到比较头疼的阶段了,因为这个阶段的逻辑性不强,主要是靠项目作品去练习。不过对于我这样的新手来说,逻辑不强可能是件好事,因为可以通过实际写页面来提高。下面结合若愚的课程来看看常见的几个问题,
一、css的几个加载方式
外部样式2种,内部样式和内联样式各一种,总共四种方式。
1.外部样式--通过link引入
<link rel=""stylesheet" href="main.css">,这里就是通过link引入main.css
他是HTML的语法
2.外部样式--通过import引入
在style里面写 @import url("index.css"); 后面的冒号一定要写
他是css的语法,css里面再用一个css
3.内部样式--在html的style中直接写
4 内联样式--在html正文标签中直接写
二、css的常见选择器
css常见选择器有五种,分别是
基础选择器:
* 通用元素选择器,匹配任何元素;# id选择器;.class 类选择器;element标签选择器;
组合选择器:
E,F(匹配E或者F);E F(中间有空格,匹配E元素里面的所有后代F,不管是不是直接);E>F(子元素选择器,匹配E的所有直接子元素);E+F(直接相邻选择器,匹配E元素后面的F);E~F(匹配相邻选择器,匹配E之后的同级元素F);.class1.class2(匹配同时满足class1和class2的元素);element#id(匹配同时满足element和id的元素)
属性选择器:
用的不多,选择满足这个属性的元素
伪类选择器:
表示一个元素的状态,最常见的就是a链接了,鼠标放上去颜色就发生变化。
伪元素选择器:
用的比较多的就是before和after