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

转载于:https://www.cnblogs.com/September-9/p/6822821.html

css权威指南读书笔记相关推荐

mysql数据库权威指南_MySQL_MySQL权威指南读书笔记(三)，第二章：MYSQL数据库里面的数 - phpStudy...
MySQL权威指南读书笔记(三) 第二章:MYSQL数据库里面的数据用想用好MYSQL,就必须透彻理解MYSQL是如何看待和处理数据的.本章主要讨论了两个问题:一是SQL所能处理的数据值的类型:二是 ...
HTML5权威指南----读书笔记
<!DOCTYPE html> <html> <head><meta name = 'keywords' content="HTML5权威指南--- ...
MongoDB权威指南读书笔记——CRUD
插入并保存文档插入是向MongoDB中添加数据的基本方法.可以使用Insert方法向目标集合插入一个文档:db.foo.insert({"bar" : "baz&quo ...
HTTP权威指南读书笔记
<<HTTP权威指南>>读书笔记第一部分:Web的基础第1章:HTTP概述主要内容 1.什么是HTTP 2.HTTP的基本组件 HTTP HTTP:HTTP(Hypert ...
计算机网络和http权威指南读书笔记
计算机网络笔记网络层网络层向上提供无连接的,尽最大努力交付的数据报服务网络层不提供数据质量承诺物理层使用的中间设备叫转发器repeater 数据链路层叫网桥bridge 网络层叫路由器rout ...
MapReduce总结 + 相关Hadoop权威指南读书笔记（未完......欢迎补充，互相学习）
文章目录 MapReduce概述 MapReduce优缺点 MapReduce核心思想 MapReduce进程 MapReduce编程规范 WordCount 案例实操本地测试集群测试 Hadoo ...
小白的《CSS权威指南》笔记（下部分）
颜色和背景颜色 color设置前景色. 前景色 color:<color> | inherit 通过给元素添加class值,然后再通过class选择器来改变它的颜色. 替换属性 HTML ...
HTML5权威指南读书笔记12（第21章）--创建布局postion，z-index，column-count，display：flex，box-flex、algin、pack，table
1.概述 2.定位内容的位置 <head><style type="text/css">div{ p ...
android开发读书笔记,android开发权威指南读书笔记
第17章 Fragment 1.在res目录下增加 layout-sw600dp 目录,用于存放7英寸及以上尺寸屏幕的布局文件.10英寸以上平板用 sw720dp.如果是更小的屏幕,如 480*800 ...
java性能权威指南中文_Java性能权威指南读书笔记--之一
JIT(即时编译) 解释型代码:程序可移植,相同的代码在任何有适当解释器的机器上,都能运行,但是速度慢. 编译型代码:速度快,电视不同CPU平台的代码无法兼容. java则是使用java的编译器先将其 ...

css权威指南读书笔记

css权威指南读书笔记相关推荐

最新文章

热门文章

css权威指南 读书笔记

css权威指南 读书笔记相关推荐

最新文章

热门文章

css权威指南读书笔记

css权威指南读书笔记相关推荐