欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 汽车 > 时评 > CSS基础_@拉钩教育【笔记】

CSS基础_@拉钩教育【笔记】

2025/5/5 3:40:29 来源:https://blog.csdn.net/m0_65273147/article/details/147597504  浏览:    关键词:CSS基础_@拉钩教育【笔记】

目录

1.什么是CSS?(层叠样式表)

2.CSS语法(选择器{属性:值;属性:值})

                     **CSS是控制+修饰网页内容样式

3.注释

/*...*/

4.外部样式

(1)外部样式

(2)内部样式

(3)内联样式

(4)不冲突,叠加;冲突,就近原则

(5)属性和值

5.CSS选择器

(5.1)常用兼容选择器

(1)html选择器(比较笼统)

        划重点:RGB颜色6位16进制,每2位分别控制红/绿/蓝,

   例如:

         #00ff00 绿色

         #ff0000 红色

         #ff00ff   紫色                #红、蓝都参一点

(2)类选择器        (.类属性)

(3)id选择器        (#id属性)

                   **优先级        #id>.类>html

(4)关联选择器(包含选择器)        有空格的​编辑

(5)组合选择器(选择器组)

(6)伪类选择器

(5.2)其他选择器

(1)关系型选择器

(2)属性选择器

(3)结构性伪类选择器

(4)状态伪类选择器

(5)其他伪类选择器


1.什么是CSS?(层叠样式表)

2.CSS语法(选择器{属性:值;属性:值})

**CSS是控制+修饰网页内容样式

3.注释

/*...*/

4.外部样式

(1)外部样式

(2)内部样式

(3)内联样式

(4)不冲突,叠加;冲突,就近原则

(5)属性和值

5.CSS选择器

(5.1)常用兼容选择器

(1)html选择器(比较笼统)

划重点:RGB颜色6位16进制,每2位分别控制红/绿/蓝,
例如:
#00ff00 绿色
#ff0000 红色
#ff00ff   紫色                #红、蓝都参一点
(2)类选择器        (.类属性)

class属性=cc的,采用这个标签

(3)id选择器        (#id属性)

**优先级        #id>.类>html

就算如图所示:显示绿色,因为他的优先级依次高于其他2个.

(4)关联选择器(包含选择器)        有空格的
(5)组合选择器(选择器组)

(6)伪类选择器

更具超链接的不同状态:颜色等属性的变化。

a: 超链接      link未访问     visited已访问     hove鼠标放上去    active激活(鼠标放上去en过之后的)

(5.2)其他选择器

(1)关系型选择器

1.空格      (所有)

2.>           (子标签)

3.div+      (div后紧邻)

4.div~      (div后所有)

(2)属性选择器

(3)结构性伪类选择器

(4)状态伪类选择器

1.当鼠标放上去;(上面)

2.当鼠标点击。

(5)其他伪类选择器

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词