新手入门css的常见几个问题

如果说前端的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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容