CSS学习总结:掌握CSS样式规则和使用方式
CSS学习总结 CSS(Cascading Style Sheets),中文名为“层叠样式表”,是用于表现HTML或XML等文件式样的计算机语言。它可以对网页的布局、字体、颜色、背景和其他效果实现更加精确的控制。 1. CSS简介 CSS全称为Cascading Style Sheets,中文翻译为“层叠样式表”,简称CSS样式表。它是一种用来表现HTML或XML等文件式样的计算机语言。在网页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。 2. 什么是CSS? CSS是一种标记语言,用于描述网页的样式、布局和格式。它可以将网页的内容与表现分离,使网页的设计和开发变得更加灵活和高效。 3. CSS的用途 CSS具有对网页的布局、颜色、背景、宽度、高度、字体进行控制,让网页按您的美工设计布局的更加美观漂亮。它可以实现: * 布局控制:控制网页的布局、宽度、高度等。 * 字体控制:控制网页的字体、字号、颜色等。 * 颜色控制:控制网页的背景颜色、字体颜色等。 * 背景控制:控制网页的背景图片、背景颜色等。 4. CSS初试 CSS规则由两个主要的部分构成:选择器,以及一条或多条声明。例如: h1 { color:red; font-size:14px; } 在上面的例子中,h1是选择器,color:red; font-size:14px; 是声明。 5. CSS注释 CSS注释是用于注释CSS代码的特殊符号。例如: /* h1 { */ /* color:red; */ /* font-size:14px; */ /* } */ 在上面的例子中,/* 和 */ 是CSS注释符号,用于注释CSS代码。 6. CSS样式的三种使用方式 CSS样式可以通过三种方式使用:内链样式表、嵌入式样式表和外链样式表。 6.1 内链样式表 内联样式,又有人称行内样式、行间样式、内嵌样式。是通过标签的style属性来设置元素的样式,其基本语法格式如下: <h1 style="color:red; font-size:28px">码海无际</h1> 6.2 嵌入式样式表 内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> h1 { color:red; font-size:14px; } </style> </head> <body> <h1>码海无际</h1> </body> </html> 6.3 外链样式表 外链样式表是将CSS代码写在一个独立的文件中,并将其链接到HTML文档中。其基本语法格式如下: <link rel="stylesheet" type="text/css" href="style.css"> 在上面的例子中,style.css是CSS文件的名称。
![](https://csdnimg.cn/release/download_crawler_static/15863422/bgb.jpg)
![](https://csdnimg.cn/release/download_crawler_static/15863422/bgc.jpg)
![](https://csdnimg.cn/release/download_crawler_static/15863422/bgd.jpg)
剩余63页未读,继续阅读
![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://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/666ec371c9bc4423a7babfa5eb8c8b56_f110300641.jpg!1)
- 粉丝: 298
- 资源: 77
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
最新资源
- 中国微型数字传声器:技术革新与市场前景
- 智能安防:基于Hi3515的嵌入式云台控制系统设计
- 手机电量低时辐射真增千倍?解析手机使用谣言
- 56F803型DSP驱动的高精度大功率超声波电源控制策略研究
- ARM与GPRS结合的远程监测系统设计
- GPS与RFID技术结合的智能巡检系统设计
- CPLD驱动的低功耗爆炸场温度测试系统设计
- 基于FPGA的智能驱动控制系统:可扩展设计与工业网络协议
- 基于ATmega128和CH374的嵌入式USB接口设计
- 基于AT89C52的温度补偿超声波测距仪:高精度设计与应用
- MSP430F448单片机在交流数字电压表中的应用
- 提升变频器应用效率的12项实用技巧
- STM32F103在数字电镀电源并联均流系统中的应用
- PSpice仿真下的升压开关电源设计:拓扑分析与CCM稳定性提升
- 轻巧高效:MSP430主导的低成本无线传感器网络节点设计
- FPGA在EDA/PLD中实现LVDS接口的应用解析
![](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)