CSS基本用法和选择器知识有哪些(css,web开发)

时间:2024-05-08 07:44:44 作者 : 石家庄SEO 分类 : web开发
  • TAG :

    CSS%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95%E5%92%8C%E9%80%89%E6%8B%A9%E5%99%A8%E7%9F%A5%E8%AF%86%E6%9C%89%E5%93%AA%E4%BA%9B

一、如何使用CSS
要想使用Css来增加Html的美观,有三种方式:

1).头部文件中定义

2).导入CSS文件

3).直接在标签中定义

注:与Html 不同,它的注释方式是:/* Css语句*/

二、CSS的选择器
为什么一开始要讲选择器了,因为我们要想精确修改的Html中的某个元素的属性,就必须使用选择器,它可以通过选择器定位到某个元素上然后修改元素的样式。

1).id和class选择器
id选择器必须现在标签中的定义,然后在在头部标签的style标签中用“#”来表示:

class选择器和id选择器差不多,只不过class选择器用”.“来表示:

2).元素选择器
就是指直接声明标签名为选择器,然后更改样式

或者声明所有标签名为选择器

也可以使用元素加选择器更加精确的定位到该元素

3).后代选择器
访问一个元素内的其它元素,可以是元素内的任意元素

4).子元素选择器

5).兄弟选择器
位于元素的下一个元素,不在元素内

6).伪类选择器
伪类选择器可分为三类

1)).锚伪类,用于检测鼠标的悬停状态。

2)). :first-child伪类
匹配第一个匹配到的标签

3)). :lang伪类

7).通用选择器
将样式应用到所有的元素中

本文:CSS基本用法和选择器知识有哪些的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:怎么用取消参数使Go net/http服务更灵活下一篇:

3 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18