标准的html 样式,CSS 样式表代码规则

使用HTML进行标记网页内容时，需要遵从一定的规范，CSS亦如此。要想熟练地使用CSS对网页进行修饰，首先要了解CSS样式规则，具体格式如下

选择器(属性1:属性值1;属性2:属性值2;属性3:属性值3;…}

上述样式规则中，选择器用于指定需要改变样式的HTML标记，花括号内是一条或多条声明。每条声明由一个属性和属性值组成，以“键值对”的形式出现。

属性是对指定的标记设置的样式属性，例如字体大小、文本颜色等。属性和属性值之间用英文冒号“:”连接，多个“键值对”之间用英文分号“;”进行分隔。

在书写CSS样式时候，除了要遵循CSS样式规则，还必须注意CSS代码结构中的几个特点，具体介绍如下：

●CSS样式中的选择器严格区分大小写，而声明不区分大小写，按照书写习惯一般将选择器、声明都采用小写的方式。

●多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略但是为了便于增加新样式最好保留。

●如果属性的属性值由多个单词组成且中间包含空格，则必须为这个属性值加上英文状态下的引号。例如:p {font-family: “Times New Roman"}

●在编写CS代码时，为了提高代码的可读性，可使用“/注释语句*”进行注释，例如上面的样式代码可添加如下注释：P { font-family:"TimesNewRoman";}/*这是CSS注释文本，有利于方便查找代码，此文本不会显示在浏览器窗口中*/

●在CSS代码中空格是不被解析的，花括号以及分号前后的空格可有可无。因此可以使用空格键、Tab键、回车键等对样式代码进行排版，即所谓的格式化CSS码，这样可以提高代码的可读性。例如:

代码段1:h1{ color: green; font-size: 14px;}

代码段2:h1(

color: green; /*定义颜色属性*

font-size: 14px; /*定义字体大小属性*/

}

上述两段代码所呈现的效果是一样的，但是第二种书写方式的可读性更高。需意的是，属性值和单位之间是不允许出现空格的，否则浏览器解析时会出错。例如这行代码就是错误的。h1{font-size: 14 px;} /*14和单位px之间有空格，浏览器解析时会出错*/

推荐了解热门学科

标准的html 样式,CSS 样式表代码规则相关推荐

在html语言描述中，css的特点有,css样式 css样式语言特点
层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可以静态地修 ...
java样式是什么_java css样式 css样式的种类选择器文本相关样式背景相关样式边框盒子模式...
今日内容: ? CSS样式 ? CSS样式的种类 ? 选择器 ? 文本相关样式 ? 背景相关样式 ? 边框 ? 盒子模式 select标签下拉列表标签,常用于单选和多选,是一个组合标签,需要和子标签 ...
html 中写样式,css样式中黑体怎么写
css样式中黑体怎么写 css中通过font-family指定黑体即可.font-family:"Heiti SC","黑体-简" 如果是中文字体需要加引号,字 ...
图文样式css样式,初学解惑：常用CSS样式图文设置教程
注:在论坛中记得有人问过,做了网页之后字体特别大?如何控制网页中的字体呢?答案是用CSS来控制,今天给大家编写这个教程主要是面对初学者的! 一个有链接的文本,鼠标ON.OVER不同状态下的响应是不同的 ...
html中初始化css样式,css样式初始化 normalize
总于找到一款良心的css初始化样式重置,哈哈在没上google之前,在百度搜一些腾讯,阿里等初始化样式,效果一般般,勉强用, 网上也有很多类似不过大部分都是去除浏览器所有样式而normalize. ...
html overflow 样式,css样式之overflow-x属性样式
overflow-x是overflow子花样,平日也很少用的.overflow-x设置匿伏溢出过宽模式(比如过宽图片).设置对象底部转折条等重要. overflow-x语法与根本懂得 1.overfl ...
【layui】layui table表格换行多列一页样式 css样式
.layui-table-cell {line-height: 15px !important;vertical-align: middle;height: auto;overflow: visibl ...
Day03_css选择器、css样式大全、引入css样式表、常用标签属性、形变和动画
03.01_css选择器-属性选择器针对中写明了某些属性的标签进行设置选择器[属性名]{属性名称1:值1:属性名称2:值2:....}选择器[属性名="属性值"]{属性名称1: ...
html中样式里面有符号,css样式 + 特殊符号
color控制字体颜色十六进制值 #cc0066: font-size控制字体大小单位 px / % / em / rem:像素 / 相对于父级元素 / 取决自己使用字体大小 / 取决于根元素ht ...

标准的html 样式,CSS 样式表代码规则

标准的html 样式,CSS 样式表代码规则相关推荐

最新文章

热门文章