《CSS权威指南》笔记0.4：值和单位

数字

包含整数，实数（小数）

百分数

相对于另一个值的百分数

颜色

可以使用浏览器内置的颜色名，自定义颜色

RGB指定颜色、rgb（百分数/整数）
十六进制rgb、#FF0000，可简写为3位，浏览器默认会将每一位复位为两位
web安全色，rgb值为20%或51的整数倍，避免颜色抖动

绝对长度单位

包括英寸（in）、厘米（cm）、毫米（mm）、点（pt）、派卡（pc）

相对长度单位

包括em、ex、px

1em等于1个font-size值，相对于父元素
ex为小写x的高度，一般1ex = 0.5em

URL

格式url(protocol://server/pathname)，或者url(pathname)相对地址，css中，是相对于样式表本身，而非html页面，声明时url和括号之间不能有空格。

关键字

inherit，使属性的值与其父元素的属性值相同

CSS2单位

角度值，度（deg）、梯度（grad）、弧度（rad）
时间值，ms、s
频率值，Hz、MHz

时间： 2024-11-16 05:30:10

《CSS权威指南》笔记0.4：值和单位的相关文章

css 权威指南笔记

部分属性选择: 选择class 属性中包含warning的元素 [class~="warning"]{font-weight:bold} 子串匹配属性选择器: 在现代浏览器中得到支持包括ie7 特定属性选择器: css 权威指南笔记

第一章 css和文档 ?1.替换元素与非替换元素,替换元素如 img input等,大多数html元素都是非替换元素. 2.块级元素和行内元素?,块级元素会自动填满父级元素的内容框,表格与其他块级元素一致,唯一有区别的是表格会生成一个标记符,就是小黑点.在html中块级元素不能继承行内元素,也就是说块级元素不能嵌套在行内元素里面,但是css中块级元素能继承行内元素的样式. 3.link里面包含以下几个属性,rel:来源:href:路径:media:默认为all(一般浏览器支持all.print.

css权威指南笔记

替换元素和非替换元素替换元素:用来替换元素内容的部分并非由文档内容直接表示,用作其他内容的占位符(img, 表单元素,embed等嵌入元素) 非替换元素:元素的内容内容包含在文档流中,大部分元素都是替换元素. 替换元素和非替换行内元素的区别:替换元素可以设置width.height.margin和padding:非替换行内元素不可以设置width.heigt.垂直margin和padding,可以设置水平margin和padding. 2. 候选样式表将link标签的rel属性设置为alte

css 权威指南笔记（五）结构和层叠之三种样式来源

CSS中的样式一共有三种来源:创作人员.读者和用户代理,来源的不同会影响到样式的层叠方式首先,创作人员(author's+style)样式应该是我们最熟悉的,如果你是一个前端开发者,那么你写的那些样式就叫做创作人员样式. 然后是用户代理样式(agent's+style),用户代理也就是我们通常所说的浏览器(IE.Firefox等等),这些浏览器会提供一些默认的样式,比如IE浏览器中,一个纯粹由html代码构成的网页里,我们会发现超链接会带有一个蓝色的前景色,这其实就用户代理样式,借用一些插件我

css权威指南--笔记

第1章 css和文档 1,元素:替换元素(img input),非替换元素(大多数span). 2,link:rel(代表关系:stylesheet,候选样式表:alternate stylesheet):type(text/css):media:(all(所有表现媒体, screen,print),title(配合候选使用). 3,@import url(sheet1.css) 需在style内使用,放在其他css规则之前. 4,向后可访问性:<style>

css 权威指南笔记（四）选择器

规则结构每个规则都有两个基本部分组成:选择器和声明块.声明块由一个或多个声明组成,每个声明则是一个属性-值对. 元素选择器声明和关键字关键字一般由空格隔开:有一种情况例外 font属性中的斜线(/)分割元素的字体大小和行高两个关键字. 分组选择器分组通配选择器 (*)css2引入声明分组各个声明最后使用分号: 类选择器和ID选择器类选择器多类选择器各个词之间用空格分隔不同平台的Internet Explorer 处理不同 ID选择器属性选择器简单属性选择器 h

css 权威指南笔记（五）结构和层叠

特殊性

css 权威指南笔记（二）元素

替换元素用来替换元素内容的部分并非有文档内容直接表示. img input 非替换元素其内容由用户代理(通常是一个浏览器)在元素本身生成的框中显示. 块级元素块级元素生成一个元素框,(默认)会填充父元素的内容区,旁边不能有其他元素,换句话说,他在元素前后生成分隔符.替换元素可以是块级元素,不过通常都不是. 行内元素行内元素在一个文本行内生成元素框,而不会打断这行文本.可以出现在另一个元素的内容中,而不会破坏其显示. 块级元素行内元素图文在HTML和XHTML中,块级元素不能继承自行内

css 权威指南笔记（三）结合css和XHTML

link rel stylesheet alternate stylesheet(候选样式表) title type media all screen print ..... 内联样式

css权威指南学习笔记--第七章

由于之前一直没有系统的看过css相关的书籍,导致自己css方面一直都是处于零散状态.知其然,不知其所以然.所以买了<css权威指南>.虽然比较老了,但是应该也会收获很大. 1 水平方向上 margin-left +border-left+padding-left+width+padding-right+border-right+margin-right 其中红色的是可以设置为auto,当设置为auto时,浏览器会自动计算该值.基于的原则就是外层包裹容器的width=被包裹元素的width+p