css权威指南 读书笔记

网上看见推荐的书总是喜欢买回家,但是大多数时候都不会立即就看,都是在书橱里蒙上了一层灰尘。从毕业到现在,由于公司业务原因,写js多余css,所以就想系统地看看css,并且做一些练习,于是就开始看《css权威指南》,看到了第六章,初步感觉,对于工作一年的我来说,很简单,当然也有一些我不熟悉的知识点,于是整理了下来。

一、@import

1、放在style容器中,且在其他css规则之前

2、每个人@import指令的样式都会加载使用

二、选择器

1、:first-letter 用于选取指定选择器的首字母

2、选择器的优先级

(1)用id选择器设样式:0,1,0,0

        (2)用类选择器、属性选择器、伪类:0,0,1,0

(3)用元素选择器、伪元素:0,0,0,1

(4)通配符选择器、连接符:0,0,0,0

3、伪类VS伪元素

作用相同,伪元素包括 :before、:after、:first-letter、:first-line

伪类包括 :link、:visited、:hover、:focus、:active、:first-child、:lang

三、值和单位

1、web安全色

指在256色计算机上总能避免抖动的颜色

用rgb表示的话,百分比要能被20%整除,整数要能呗51整除

十六进制法表示,使用值 00、33、66、99、CC和FF的三元组

     2、字体使用引号

一般情况下是不用使用引号的,当字体中

(1)存在空格,如New York

(2)存在%、$之类的符号

的时候,需要用引号来加以区分

四、字体

font中的属性,前三个包括font-style、font-weight、font-variant,顺序随意,而且值为normal时可以忽略不写;后两个值为font-size和font-family,顺序不能颠倒,且为必须项。line-height也可以写在这个属性中,在font-size后面加 /line-height 即可

五、文本属性

1、缩进 text-indent

最常用的首行缩进

2、行高line-hright

         line-hright比较好的用法是给一个数字,这样缩放因子将是一个继承值,根据自己的font-size计算line-height

3、vertiral-align

用于于行内元素和表单元素

4、文本转换 text-transform

参数:uppercase、lowercase、capiticalize(首字母大写)、none、inherit

时间: 2024-10-08 19:35:19

css权威指南 读书笔记的相关文章

CSS权威指南读书笔记之值和单位

等价颜色表 什么叫Web安全色 所谓的“web安全”颜色是指在256色计算机系统上总能避免抖动的颜色. Web安全颜色可以表示为RGB值为20%和51(相应的十六进制值为33)的倍数. 如果使用RGB百分数,要让所有这3个分量都要么是0%,要么是一个能被20整数的数 同理,如果是使用0~255范围的RGB值,则各分量值要么是0要么是能被51整数的数. 如果是采用十六进制记法,,使用值00.33.66.99.CC和FF的三元组才是Web安全颜色. 绝对长度单位 有5种绝对长度单位.英寸(in).厘

CSS权威指南读书笔记之选择器

选择器 选择器的规则结构包括:选择器和声明块,每个声明块是一个属性键值对(记住每个声明块最好加分号结尾) p.warning { font-weight:bold; /*其class属性包含词warning的所有段落*/ /*记住解释一般是从左到右读*/ } .warning.urgent { background:red; /*class同时包含warning和urgent的所有元素 其中warning和urgent class没有顺序之分*/ /*选择器当中是没有空格的,如果有空格就成了子元

CSS权威指南学习笔记系列(1)CSS和文档

题外话:HTML是一种结构化语言,而CSS是它的补充:这是一种样式语言.CSS是前端三板斧之一,因此学习CSS很重要.而我还是菜鸟,所以需要加强学习CSS.这个是我学习CSS权威指南的笔记,如有不对,请谅解和指出.谢谢大家.正文: 第一章 CSS和文档---------- 1.CSS,称为层叠样式表.使用CSS的理由有:a.易于使用,样式表能大大减少Web创作人员的工作量:b.在多个页面上使用样式,可以创建一个样式表,然后把这个样式表应用到多个页面:c.层叠,CSS还规定了冲突规则:这些规则统称

IDA.Pro权威指南 读书笔记

http://www.pediy.com/kssd/pediy12/142766.html 标 题:IDA.Pro权威指南 读书笔记[Made By C_lemon] 作 者:Dstlemoner 时 间:2011-11-14 11:56:17 链 接:http://bbs.pediy.com/showthread.php?t=142766    IDA为反汇编 和逆向破解的 静态分析利器 ! 虽然是利器,但是你不会用的话~那就另当别论了. →     唉.对于刚入门的新手来说,看前人走过的路程

Hadoop权威指南读书笔记

本书中提到的Hadoop项目简述 Common:一组分布式文件系统和通用I/O的组件与接口(序列化.javaRPC和持久化数据结构). Avro:一种支持高效.跨语言的RPC以及永久存储数据的序列化系统. MapReduce:分布式数据处理模型和执行环境,运行于大型商业集群. HDFS:分布式文件系统,运行于大型商用机集群. Pig:一种数据流语言和运行环境,用以检索非常大的数据集.Pig运行在MapReduce和HDFS的集群上. Hive:一个分布式.按列存储的数据仓库.Hive管理HDFS

Android编程权威指南-读书笔记(二)-第一个小程序

Android编程权威指南-读书笔记(二) -第一个小程序 第一个例子介绍 应用名为GeoQuiz.用户通过单击True或False按钮来回答屏幕上的问题,GeoQuiz可即时反馈答案正确与否. 这个例子为我们简单介绍了几个基本组件的使用,以及基本的事件监听.让我们对基本组件的使用和事件的监听有一个基本的了解. 这篇文章分为2个部分,第一部分就是创建简单的UI.第二个部分就是对这个UI增加代码来响应一些操作. (注:所有不明白或者不理解的东西其实都不重要,后面都会有更详细的介绍.) 本章的目标

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

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

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

line-height:定义文本行基线之间的距离 <p style="line-height: 20px;"> these are test words<br /> these are test words </p> 说到line-height就不能不说到行框中各个高度是怎么计算的,这里引用css权威指南中的图 文本行中的每个元素都会生成一个内容区,这由字体的大小确定.如果不存在其他因素(如line-height)那么这个内容区的高度就是行内框的高度

CSS权威指南学习笔记 —— HTML元素分类

HTML文档由各种元素组成.比如,p.table.span等等.每个元素都会对文档的表现有所影响.CSS中,每个元素都会生成一个框(传说中的盒子),其中包含元素内容. 元素可以根据它的创建方式分为两种:替换元素和非替换元素.创建方式会对盒模型的表现有所影响,后续的笔记中会看到. 替换元素:这种元素的内容部分并非由文档直接显示,而是用其他内容来替换.最常见的替换元素img,它是由文档本身之外的一个图片文件来替换的.input也是替换元素,是根据类型的值来决定内容是什么,有时内容被替换成单选钮,有时