1.设定border-width属性值之前需要先声明border-style属性。

2.line-height：调整文本行与行之间的间距，务必使用，在border选择器中设置，150%或160%可能更合适些。

3.自定义的<span>元素用来控制段落的一部分，而不是整块段落。

4.块级元素的对立面就是内联元素，不限制宽度则尽可能扩展。

5.background-image属性将给定的图像复制多次以充满容器。

6.<a> link: visited: active: hover: 顺序：link->visited->hover->active  简记LVHA(LoVe HAte)。

7.强烈建议所有非hover链接状态加上下划线以区别于正常的非交互文本。

8.display:block 确保活跃的链接区是整个链接元素的宽度。

9.<a>click</a>点击区域可以追踪.

10.突出当前页面，在父列表元素上加一个唯一的ID来标识。

11.用css修饰表格前必须先删除任何cellpadding,cellspacing,border。

12.常用字体之'Lucida Grande'。

13.border-collapse collapse用来全部删除默认的cellspacing。

14.要突出显示某个实例也非常容易，用类来否决已应用到该实例上的css以实现目标。

15.不能在定义项元素中使用块级元素。

16.<dl><dt></dt><dd></dd></dl>定义列表只能分解数据，不宜布局。

17.在css中，没有什么比好的目标规则更好了。

18.为表单定义你自有的，可重用的样式，，始终坚持用css块以备所需，建立自己的css库。

19.三种非常好的表单布局方法-表格、段落换行元素及定义列表。

20.为了安全起见，添加一个间隔层来避免将来文本减少使得容器不再包含浮动图像是有必要的。

21."额外的spacer<div>"。

22.不管是否清理浮动，如果不浮动元素高于浮动元素，则安全。

23.使用已有元素清理浮动，防止代码膨胀。

24.position,static(默认),absolute,fixed,relative。

25.布局类型:固定宽度布局，流体布局，弹性布局，可变固定宽度。

26.记住你每创建一个新的列<div>，你都需要为它所包含的每个元素创建一个父元素，这也就意味着你可以使用一些更特殊的css，如上下文选择器来为你的目标元素加上样式。

27.当清理一个浮动元素时，清理元素的上外边距自动增加，上边框将清除浮动元素的下部外边界，自动产生最小清除。

28.命名法则一:列名与列定位在哪不相关。

29.流体布局特征:采用百分比来设定列的宽度。

30.固定宽度布局的基础-框模型。

转载于:https://www.cnblogs.com/stansonwilliam/archive/2012/12/04/2801160.html

《CSS基础教程》 读书笔记二相关推荐

  1. 《Docker 技术入门与实践》-读书笔记二

    <Docker 技术入门与实践>-读书笔记一 <Docker 技术入门与实践>-读书笔记二 一.数据管理 用户在使用 Docker 的过程中,往往需要能查看容器内应用产生的数据 ...

  2. python基础学习[python编程从入门到实践读书笔记(连载一)]

    写在前面:本文来自笔者关于<python编程从入门到实践>的读书笔记与动手实践记录. 程序员之禅 文章目录 02变量和简单数据类型 03 列表简介 04 操作列表 05 if语句 06 字 ...

  3. 测试工程师全栈技术进阶与实践读书笔记

    第一章 软件测试基础知识精要(上) 1.1 从"用户登录"测试谈起 1.1.1 功能测试用例 1.1.2 更多的测试用例 1.1.3 功能性需求与非功能性需求 对显式功能性需求的验 ...

  4. python基础学习[python编程从入门到实践读书笔记(连载三)]：django学习笔记web项目

    文章目录 Django项目:学习笔记web网页 项目部署 参考 自己部署的网站,还是小有成就感的,毕竟踩过很多坑,实战技能也有些许进步. 网站链接:http://lishizheng.herokuap ...

  5. python基础学习[python编程从入门到实践读书笔记(连载五)]：数据可视化项目第16章

    文章目录 下载数据 制作全球地震散点图:JSON格式 end 几个实验结果: 每日最高气温: 地震图绘制: 下载数据 CSV文件格式 在文本文件中存储数据,一个简单方式是将数据作为一系列以逗号分隔的值 ...

  6. 【Docker技术入门与实践（第2版）】Docker入门_学习笔记

    第一章 1 Docker入门须知 1.1 Docker基本知识 Docker是基于Go语言实现的开源容器项目,诞生于2013年年初,最初发 起者是dotCloud公司.Docker自开源后受到广泛的关 ...

  7. python编程从入门到实践读书笔记-《Python编程：从入门到实践》项目部分读书笔记（二）...

    鸽了一个暑假没有更新,现在趁着还没开学更一下.咕咕咕 上期作业: 请创建一个Django项目,命名为Blog,建不建立虚拟环境随便你,最后本地跑成了就行. 步骤: ①在需要创建工程的文件夹下打开cmd ...

  8. python基础学习[python编程从入门到实践读书笔记(连载二)]：外星人入侵项目

    第一版游戏demo 添加计分系统:中间是最高得分,右边是本次得分. 显示余下的飞船数 主函数如下,完整程序将上传到笔者的github:https://github.com/shizhengLi/lea ...

  9. 深入浅出Istio:Service mesh快速入门与实践-读书笔记(By GisonWin)

    01 服务网格历史 (以后补充) 02 服务网格的基本特性 连接 微服务错综复杂,要完成其业务目标,连接问题是首要问题.连接存在于所有服务的整个lifcecycle中,用于维持服务的运行. 安全 保障 ...

  10. 深度学习框架Pytorch入门与实践——读书笔记

    2 快速入门 2.1 安装和配置 pip install torch pip install torchvision#IPython魔术命令 import torch as t a=t.Tensor( ...

最新文章

  1. AI+IoT+电池应用
  2. mysql 语句 求比值_Mysql求百分比
  3. [CareerCup] 15.5 Denormalization 逆规范化
  4. C# Soap调WebService
  5. 安装 | cmd（命令提示符）窗口下使用conda安装TensorFlow
  6. 六、继续学习Java的位运算符，发现真的简单
  7. 开放下载！《大促背后的前端核心业务实践》
  8. Windows上PHP扩展的实现,部署及应用
  9. frameset ajax,js控制frameSet示例
  10. 函数库属于计算机的,API库函数
  11. myeclipse8.5 离线装SVN
  12. 重读《JavaScript DOM编程艺术》（第一版）
  13. html全屏代码怎么写,JS实现全屏的四种写法
  14. 群晖如何建php网站_群晖nas使用教程31：搭建个人网站ZBLOG
  15. 02块级标签和内联标签的区别
  16. 目前最新《Thinkphp 5.0 仿百度糯米开发多商家电商平台》
  17. 创建支持多种屏幕尺寸的Android应用
  18. 2010年5月27日俱乐部晚场活动，“iPhone应用成功经验分享”主题研讨活动
  19. 淘宝TOP程序API接口接入教程--入门篇
  20. 金蝶付款申请单选单显示空白，但有合计数量

热门文章

  1. Tensorflow教程： tf.Variable() 和tf.get_variable()
  2. R-CNN 物体检测第二弹（Fast R-CNN）
  3. c if sortable html,sortable.js中文文档
  4. go json部分解析_Go语言爱好者周刊：第 60 期 — 今天这题你做对了吗？
  5. 复练-软考高级-论文写作专题
  6. 红米有android,这些是不支持ANDROID 11更新的小米和红米手机
  7. 200个c语言程序(由简单到复杂),200个c语言程序（由简单到复杂）
  8. Java基础 选择语句，循环结构数组
  9. CDI services--Decorators(装饰器)
  10. 爬虫第四篇：html解析之xpath