`
淡淡的一抹
  • 浏览: 19141 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS的声明方式,单位,注释方式

    博客分类:
  • CSS
 
阅读更多
1 CSS声明方式
选择器{属性1:值1; 属性2:值2; ...; 属性n:值n;}
例如:
/*body{background-color: black;}*//*页面背景设置为黑色*/

/*如果属性的值由多个单词组成,就必须在值上加引号*/
table{font-family: "sans serif"}/*所有表格字体为sans serif*/

/*如果要改变多个属性,可以用分号对多个属性的定义进行分割*/
p{background-color: black; color: red}


2 CSS中的单位
(1)数值单位

像素 px 12px
相对大小 ex 1.2em
百分比 % 120%


(2)颜色单位

颜色单词  red、black
十六进制数 # #00ff00
RGB rgb() rgb(0,0,255)


(3)复合单位
可以通过复合值来设置属性。
例如:

table{border: 1px solid #000;}


3 CSS的注释方式

一定要注意:CSS只支持/**/一种注释方式。
分享到:
评论

相关推荐

    css入门笔记

    使用css样式方式 1.内联样式 行内样式 特点:将css样式定义在HTML标记中 语法: 样式声明:用样式属性和值组成(属性:值;) 常用的样式属性: 1.颜色 属性 :color 颜色 取值:颜色英文名 2.背景颜色 ...

    css-on-diet:简单快速的 CSS 预处理器

    如果所有 CSS 声明都在单独的行上,则无需更改任何内容 删除冒号 .element { letter-spacing 2px background-color #1C6BA0 } 在 CSS-On-Diet 中,冒号和分号是可选的 使用助记符 .element { les 2p bac #1C6...

    《XML实用大全》电子文档

    《XML实用大全》WORD文档,非常全面.部分目录介绍: ... 12.7 CSS中的单位 12.8 块、内联或列表项元素 12.9 字体属性 12.10 颜色属性 12.11 背景属性 12.12 文本属性 12.13 框属性 12.14 本章小结

    阿里前端开发规范.pdf

    1.2.3 分块注释 1.2.4 语义化标签 1.2.5 引号 (三) CSS 规范 1.3.1 命名 1.3.2 选择器 1.3.3 尽量使用缩写属性 1.3.4 每个选择器及属性独占一行 1.3.5 省略 0 后面的单位 1.3.6 避免使用 ID 选择器及全局标签选择器...

    阿里前端开发规范,阿里web前端开发手册

    1.2.3 分块注释 1.2.4 语义化标签 1.2.5 引号 (三) CSS 规范 1.3.1 命名 1.3.2 选择器 1.3.3 尽量使用缩写属性 1.3.4 每个选择器及属性独占一行 1.3.5 省略 0 后面的单位 1.3.6 避免使用 ID 选择器及全局标签选择器...

    超经典的Web前端与移动开发基础视频 Web前端基础开发视频教程 移动开发基础视频教程

    73前端开发基础视频-CSS长度单位表示.avi 74前端开发基础视频-关于像素的补充-CSS设置字体大小.avi 75前端开发基础视频-font-family设置字体类型.avi 76前端开发基础视频-font-family设置字体系列.avi 77前端...

    XMl实用大全(资料全易学习)

    12.6 在CSS样式单中添加注释 341 12.7 CSS中的单位 342 12.7.1 长度值 342 12.7.2 URL值 344 12.7.3 颜色值 345 12.7.4 关键字值 346 12.8 块、内联或列表项元素 347 12.8.1 列表项 352 12.8.2 whitespace属性 354 ...

    xml实用大全和轻松学习手册和无废话xml

    12.6 在CSS样式单中添加注释 341 12.7 CSS中的单位 342 12.7.1 长度值 342 12.7.2 URL值 344 12.7.3 颜色值 345 12.7.4 关键字值 346 12.8 块、内联或列表项元素 347 12.8.1 列表项 352 12.8.2 whitespace属性 354 ...

    XML实用大全(web开发必备手册)

    12.7 CSS中的单位... 342 12.7.1 长度值... 342 12.7.2 URL值... 344 12.7.3 颜色值... 345 12.7.4 关键字值... 346 12.8 块、内联或列表项元素... 347 12.8.1 列表项... 352 12.8.2 whitespace属性... 354 ...

    XML实用大全----xml详细参考书

    12.7 CSS中的单位... 342 12.7.1 长度值... 342 12.7.2 URL值... 344 12.7.3 颜色值... 345 12.7.4 关键字值... 346 12.8 块、内联或列表项元素... 347 12.8.1 列表项... 352 12.8.2 whitespace属性... 354 ...

    XML编程综合资料库

    12.7 CSS中的单位... 342 12.7.1 长度值... 342 12.7.2 URL值... 344 12.7.3 颜色值... 345 12.7.4 关键字值... 346 12.8 块、内联或列表项元素... 347 12.8.1 列表项... 352 12.8.2 whitespace属性... 354 ...

    html入门到放弃笔记

    4、style :定义 内联方式方式使用(CSS中) 4、注释 语法:<!-- --> 注意: 1、注释不能嵌套 2、注释不能出现在标记中 3、HTML 文档结构 W3C :Word Wide Web Consortium (万维网联盟) 1、HTML文档的...

    JavaScript详解(第2版)

     14.4.1 计量单位   14.4.2 使用颜色   14.4.3 使用字体   14.4.4 使用文本   14.4.5 使用背景和图片   14.4.6 使用边距和边框   14.5 样式表类型   14.5.1 嵌入式样式表和〈style〉标签  ...

    XML实用大全

    341 12.7 CSS中的单位... 342 12.7.1 长度值... 342 12.7.2 URL值... 344 12.7.3 颜色值... 345 12.7.4 关键字值... 346 12.8 块、内联或列表项元素... 347 12.8.1 列表项... 352 12.8.2 ...

    biblioteka:我的开发工具库

    测量值0始终附加上下文相关的单位。 HTML(雷根斯坦) HTML中使用双引号。 注释在<!DOCTYPE>声明之后开始,以防止IE进入怪癖模式。 JS(埃克哈特) 约定: JS中使用单引号。 分号,尽管是可选的,但始终...

    EditPlus 3.31 Build 860 简体中文版

    * 在 #PREFIX 和 #SUFFIX 声明中允许字符串值 *“设置重复行标记”命令 (“编辑 - >“其它”) *“监视日志文件”命令 (“文件”) * -pi 命令行选项指定了不同的工程配置文件 * 字符串插入支持 Perl 语法加亮 * ...

    EditPlus 3.31 Build 1129

    * 在 #PREFIX 和 #SUFFIX 声明中允许字符串值 *“设置重复行标记”命令 (“编辑 - >“其它”) *“监视日志文件”命令 (“文件”) * -pi 命令行选项指定了不同的工程配置文件 * 字符串插入支持 Perl 语法加亮 * ...

Global site tag (gtag.js) - Google Analytics