"学习笔记:适用于入门和进阶级别的CSS样式剖析与规则"
CSS学习笔记 CSS(Cascading Style Sheets)是层叠式样式表的缩写,该技术始于1996年,并在1998年的5月成为了W3C的新标准,被广泛应用于网页开发中。CSS扩展了HTML的功能,与HTML、脚本相结合,可以更加有效地实现对网页元素的布局、排版和显示效果的控制。 CSS具有以下特点: 1. 标识语言:CSS是一种纯文本的标识语言,可以使用各种文本编辑器编写,其中Dreamweaver是首选的开发工具。由于CSS是纯文本的,因此容易编写和修改。 2. 灵活结合:CSS可以以灵活的方式与HTML和脚本相结合,通过选择器(Selector)来选择特定的HTML元素,然后为其添加样式属性,实现对元素的样式控制。这种灵活的结合方式使得网页开发更加方便和自由。 3. 易用性、高效率、一致性、可靠性、可维护性、可移植性:CSS具有易用性和高效率,通过使用CSS样式表,可以统一管理和控制网页的样式,使得网页制作更加简洁和高效。同时,CSS样式表可以实现样式的复用,提高了网页的一致性。CSS样式表也具有可靠性和可维护性,通过修改CSS样式表中的样式属性,可以快速修改整个网页的样式,同时,CSS样式表也具有可移植性,可以在不同的平台上使用。 4. 跨平台性:CSS具有跨平台性,可以在不同的操作系统和浏览器上运行和显示。无论是在Windows、Mac还是Linux系统下,CSS都可以正常运行,并且在不同的浏览器上也可以正确地显示样式。 CSS的语法规则如下: 1. 标签选择器:以HTML标签名作为选择器,将样式应用到对应的HTML元素上。 例:p {property:value;...} 这个例子中,将p标签的样式设置为property:value。 2. Class选择器:通过在HTML元素中添加class属性,并在CSS中使用“.类名”作为选择器,实现对该类元素的样式控制。 例:p.Classname {property:value;...} 这个例子中,将带有Class为Classname的p标签的样式设置为property:value。 总结: CSS是网页开发中常用的样式表语言,通过与HTML和脚本相结合,实现对网页元素的布局、排版和显示效果的控制。CSS具有易用性、高效率、一致性、可靠性、可维护性和可移植性等特点。通过选择器的灵活运用,可以选择特定的HTML元素并为其添加样式。CSS的语法简单明了,通过标签选择器和Class选择器等方式,可以实现对不同元素的样式控制。由于CSS的跨平台性,可以在不同操作系统和浏览器上正常运行和显示,使得网页开发更加方便和自由。
![](https://csdnimg.cn/release/download_crawler_static/11967951/bg5.jpg)
剩余21页未读,继续阅读
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/default.jpg!1)
- 粉丝: 0
- 资源: 1
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
最新资源
- 多模态联合稀疏表示在视频目标跟踪中的应用
- Kubernetes资源管控与Gardener开源软件实践解析
- MPI集群监控与负载平衡策略
- 自动化PHP安全漏洞检测:静态代码分析与数据流方法
- 青苔数据CEO程永:技术生态与阿里云开放创新
- 制造业转型: HyperX引领企业上云策略
- 赵维五分享:航空工业电子采购上云实战与运维策略
- 单片机控制的LED点阵显示屏设计及其实现
- 驻云科技李俊涛:AI驱动的云上服务新趋势与挑战
- 6LoWPAN物联网边界路由器:设计与实现
- 猩便利工程师仲小玉:Terraform云资源管理最佳实践与团队协作
- 类差分度改进的互信息特征选择提升文本分类性能
- VERITAS与阿里云合作的混合云转型与数据保护方案
- 云制造中的生产线仿真模型设计与虚拟化研究
- 汪洋在PostgresChina2018分享:高可用 PostgreSQL 工具与架构设计
- 2018 PostgresChina大会:阿里云时空引擎Ganos在PostgreSQL中的创新应用与多模型存储
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)