欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 房产 > 家装 > CSS2笔记

CSS2笔记

2025/2/2 0:16:13 来源:https://blog.csdn.net/weixin_40290845/article/details/144847410  浏览:    关键词:CSS2笔记

一、CSS基础

1.CSS简介

在这里插入图片描述

2.CSS的编写位置

2.1 行内样式

在这里插入图片描述

2.2 内部样式

在这里插入图片描述
在这里插入图片描述

2.3 外部样式

在这里插入图片描述
在这里插入图片描述

3.样式表的优先级

在这里插入图片描述
在这里插入图片描述

4.CSS语法规范

在这里插入图片描述
在这里插入图片描述

5.CSS代码风格

在这里插入图片描述

二、CSS选择器

1.CSS基本选择器

  1. 通配选择器
  2. 元素选择器
  3. 类选择器
  4. id选择器

1.1 通配选择器

在这里插入图片描述

1.2 元素选择器

在这里插入图片描述

1.3 类选择器

在这里插入图片描述
在这里插入图片描述

1.4 ID选择器

在这里插入图片描述

1.5 基本选择器总结

在这里插入图片描述

2.CSS复合选择器

在这里插入图片描述

2.1 交集选择器

在这里插入图片描述

2.2 并集选择器

在这里插入图片描述
在这里插入图片描述

2.3 HTML元素间的关系

分为:①父元素、②子元素、③祖先元素、④后代元素、⑤兄弟元素。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.4 后代选择器

在这里插入图片描述
在这里插入图片描述

2.5 子代选择器

在这里插入图片描述
在这里插入图片描述

2.6 兄弟选择器

在这里插入图片描述
在这里插入图片描述

2.7 属性选择器

在这里插入图片描述

在这里插入图片描述

2.8 伪类选择器

在这里插入图片描述

一、动态伪类

在这里插入图片描述

版权声明:

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

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