2.1 CSS样式_入门学习p1

最新推荐文章于 2024-07-21 20:52:32 发布

zyhui65

最新推荐文章于 2024-07-21 20:52:32 发布

阅读量710

点赞数

分类专栏：网站-NTML及CSS

本文链接：https://blog.csdn.net/zyhui65/article/details/41287633

版权

网站-NTML及CSS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

文档名：CSS样式_入门学习
目的：基础学习
编者：张永辉 2014年6月xx日
------------------------------------------------------------------------------------------
CSS样式表
`CSS（Cascading Style Sheet）是层叠样式表，简称样式表，弥补HTML在界面表现方面的不足，是一种标记语言，用浏览器解释。
`1 概述：
``样式表的宗旨是将网页的结构与格式分离。
`1.2基本结构：
``每个规则有着固定的格式，通常由两部分组成：选择符和样式。
``格式：选择符 {属性1: 值1; 属性2: 值2; ……}
````选择符：设置规则的对象，通常是一个HTML的元素，例如<body>、<p>、<img>等。
````样式：设置选择符的属性，用来描述选择符的显示效果
``示例：
```<html>
```<head>
````<title>CSS使用范例</title>
````<style type="text/css">
`````p {color:red;font-size:20pt}``//格式
````</style>
```</head>
```<body>
````<p>接天莲叶无穷碧，映日荷花别样红。</p>
```</body>
```</html>
`2 CSS样式表基本语法
`2.1 选择符
``语法：选择符 {属性1: 值1; 属性2: 值2; ……}
``p{color:red} p是选择符
`2.2 类选择符
``语法：选择符.类名{属性1: 值1; 属性2: 值2; ……}`该样式可以应用到具有该类名的元素上
``<html>
``<head>
```<title>类选择符的使用</title>
```<style type = "text/css">
````p.small{font-size:10pt}
````p.midd,p.mid2{font-size:15pt}
````p.big{font-size:20pt}
````.bbig,.bbig2{font-size:30pt}
````/*p的颜色设置*/