CSS使用详解：从入门到精通
版权申诉
98 浏览量
更新于2024-06-28
收藏 235KB DOCX 举报
"此文档是关于CSS使用方法的培训文档，旨在帮助读者深入理解CSS样式表，可用作学习资料。文档涵盖了CSS的基本概念、语法、以及三种引用方式：外部引用、内部引用和内联引用，并详细介绍了CSS选择符的定义和命名规则。"
CSS，全称Cascading Style Sheets，是一种用于定义网页中元素样式和布局的技术。它允许我们将设计样式与HTML内容分离，从而实现更灵活、更易于维护的网页设计。CSS不仅用于美化网页，还负责网页的布局和结构。
1. **外部引用CSS**
外部引用CSS是将CSS样式定义在一个单独的`.css`文件中，然后在HTML文档中通过`<link>`标签引入。例如：
```html
<link rel="stylesheet" type="text/css" href="http://www.dreamdu.com/style.css">
```
或者使用`@import`规则在`<style>`标签内部导入：
```html
<style type="text/css">
@import url(http://www.dreamdu.com/style.css);
</style>
```
2. **内部引用CSS**
内部引用是指在HTML文档的`<head>`部分使用`<style>`标签直接包含CSS代码，所有在该文档内的元素都可以访问这些样式。例如：
```html
<style type="text/css">
/* 梦之都白色12像素文字 */
/* 梦之都黑色16像素文字 */
</style>
```
3. **内联引用CSS**
内联引用是将CSS样式直接应用到HTML元素中，通过`style`属性实现。例如：
```html
<p style="font-size: 10px; color: #FFFFFF;">使用CSS内联引用表现段落。</p>
```
4. **CSS选择符**
CSS选择符是用于识别HTML元素并为其应用样式的标识符。例如，`p`是一个常见的选择符，表示所有的段落元素。CSS选择符的语法是：
```css
选择符名字 {
声明;
}
```
常见的选择符包括HTML标签选择符（如`p`、`h1`等）、类选择符（如`.class-name`）和ID选择符（如`#id-name`）。选择符的命名规则允许使用英文字母、数字、连字号、下划线、冒号和句点，但必须以字母开头。
通过理解和熟练运用这些基本概念，开发者可以创建出富有吸引力且功能完善的网页设计。无论你是初学者还是有经验的开发者，掌握CSS的这些基础知识都将对你的网页设计工作大有裨益。
通过上面的示例大家可以看出选择符组合的好处
,border ： 1px solid
black；这段代码只写了一次,就定义了三种HTML 标签，这样使代码更统一,便于
以后的修改，减少了代码量。
6。css 注释
CSS 注释的开始使用/*，结束使用*/
CSS 注释语法
/＊ 注释内容 ＊/
示例
。dreamduwhite12px
color：white;
font—size：12px;
}
/＊ 梦之都黑色 16 象素文字 */
。dreamdublack16px
/* ——--——-———文字样式结束--———-——-— */
CSS 属性及示例
Css 的使用主要是要熟练使用css 的常用属性，一些不常用的大家可以参考
css 手册。
下面介绍一下css 的常用属性。
1背景
background 属性
五个背景属性可以全部在此定义
取值： [<background-color〉 ｜｜ <background-image> ｜｜
•
〈background-repeat〉 ｜｜ <background-attachment〉 ||
<background—position>］ | inherit
初始值: 根据五个背景属性的默认值
继承性： 否
•
•
剩余34页未读，继续阅读
2024-09-08 上传
2024-09-08 上传
2024-09-08 上传
2024-09-08 上传
2024-09-08 上传
不吃鸳鸯锅
- 粉丝: 8433
- 资源: 2万+
我的内容管理
展开
最新资源
- 构建Cadence PSpice仿真模型库教程
- VMware 10.0安装指南：步骤详解与网络、文件共享解决方案
- 中国互联网20周年必读：影响行业的100本经典书籍
- SQL Server 2000 Analysis Services的经典MDX查询示例
- VC6.0 MFC操作Excel教程：亲测Win7下的应用与保存技巧
- 使用Python NetworkX处理网络图
- 科技驱动：计算机控制技术的革新与应用
- MF-1型机器人硬件与robobasic编程详解
- ADC性能指标解析：超越位数、SNR和谐波
- 通用示波器改造为逻辑分析仪：0-1字符显示与电路设计
- C++实现TCP控制台客户端
- SOA架构下ESB在卷烟厂的信息整合与决策支持
- 三维人脸识别：技术进展与应用解析
- 单张人脸图像的眼镜边框自动去除方法
- C语言绘制图形：余弦曲线与正弦函数示例
- Matlab 文件操作入门：fopen、fclose、fprintf、fscanf 等函数使用详解
