因为之前不是做前端的,所以对CSS的知识也只局限于常用的一些内容。最近打算系统学习一下前端的内容,所以决定从《CSS权威指南》入手,系统的学习一下CSS的内容。

第一章、CSS和文档

1、前面主要讲了一些远古时期CSS还没有出现的时候,HTML对一些显示要求的处理。比如,创作人员开始要求能够将文本变为粗体或者斜体,而当时的HTML还不足以处理这些需求,迫于这些压力,开始出现了诸如和之类的标记元素。

突然之间,原来描述结构的语言开始描述外在表现了。

我们学习HTML5也可以发现,浏览器开始不鼓励我们使用之类的处理外在表现的元素了,原因有很多:

之类的标记没有任何意义,这会使文档的可用性降低。

CSS相比较HTML有更丰富的样式。

更易于维护并显著减少工作量。试想一下,如果不用CSS表,你想让一个网站的标题呈现为蓝色

我是标题

这只是一个标题,假如现在有一个网站,有100个页面,每个页面5个标题,那你需要写多少标签?如果你写好了,老板突然想让你把标题的颜色更换为红色呢?想想都觉得恐怖。

而使用CSS表只需要一条规则:

h2 {

color:blue;

}

是不是要简单多了?

在多个页面上使用样式

减少文件大小

2、替换元素与非替换元素

2.1、替换元素

替换元素是指用来替换元素内容的部分并非由文档内容直接表示。比如img元素:

这个标签不包含任何内容,除非把它指向一个图片文件,否则它没有任何意义。

2.2、非替换元素

大多数HTML元素都是非替换元素,比如常见的,

3、块级元素与行级元素

3.1、块级元素

块级元素生成一个元素狂,它会填充其余父元素的内容区,旁边不能有其他元素。也就是说,它和其他元素产生了“分隔符”。

我们常用的块级元素:div,p,h1~h6,from等

3.2、行级元素

行级元素在一个文本行内生成元素狂,而不会打断这行文本。这些元素不会在之前或者之后产生“分隔符”,所以可以出现在另一个元素的内容中,而不会破坏其显示。

我们常见的行级元素:a,strong,em,br,input,span等

标签:指南,行级,读书笔记,元素,HTML,内容,替换,CSS

来源: https://www.cnblogs.com/lizixiang/p/10489684.html

css权威指南笔记,《CSS权威指南》读书笔记(1)相关推荐

  1. 小学计算机课教师教学笔记,小学信息技术教师读书笔记

    <小学信息技术教师读书笔记>由会员分享,可在线阅读,更多相关<小学信息技术教师读书笔记(4页珍藏版)>请在人人文库网上搜索. 1.小学信息技术教师读书笔记小学信息技术教师读书笔 ...

  2. 《如何有效阅读一本书:超实用笔记读书法》读书笔记

    作者:[日]奥野宣之 文章目录 前言 第一章 用笔记管理读书生活 人与书关系的改变者 让笔记成为读书时的好伙伴 只要坚持就一定会有效 通过笔记养成良好的读书习惯 完善购书.读书和活用的方式 将读书过程 ...

  3. 读书笔记写法--怎么做读书笔记

    读书笔记指读书时为了把自己的读书心得记录下来或为了把文中的精彩部分整理出来而做的笔记. 在读书时,写读书笔记是训练阅读的好方法. 记忆,对于积累知识是重要的,但是不能迷信记忆.列宁具有惊人的记忆力,他 ...

  4. 《麦肯锡笔记思考法》读书笔记

    <麦肯锡笔记思考法>读书笔记 一.大多数人的笔记和麦肯锡笔记的区别 二.掌握麦肯锡笔记术的好处 三.麦肯锡笔记术中最重要的三个心态 一边思考假设一边做笔记 追求成果 用故事线思考 四.麦肯 ...

  5. 《HTML与CSS网站设计实践之旅》读书笔记

    HTML与CSS网站设计实践之旅 BuildYour Own Web Site the Right Way Using HTML & CSS --[英] Ian Lloyd [Example] ...

  6. 计算机教师教育笔记,信息技术教师的读书笔记

    信息技术教师的读书笔记 信息技术教师读书笔记(一) 幸福是人生的主题,只有感到幸福的人其人生才是快乐和阳光的,追求幸福是每个人的毕生所求所愿,无可非议.世界上每一个人都想自己有所成就,每天都在寻求幸福 ...

  7. 小学计算机笔记,小学信息技术教师读书笔记

    小学信息技术教师读书笔记(一) <信息技术教学方法>读书笔记 许多信息技术教师都有这样的体会:学生刚接触信息技术课时兴趣很大,可没多久,兴趣就没有了,学生对玩计算机很感兴趣,但对信息技术课 ...

  8. 【读书笔记】关于写读书笔记的阶段性总结

    一.前言 本年本人开启最大的Flag就是大量的读书,即52本书. 上一篇文章分析了自己还是太年轻了,今天反思下如何写读书笔记的问题. 二.什么样的读书笔记(学习笔记)是好的读书笔记? 当一本书摆在我们 ...

  9. 计算机读书笔记10000,网络营销读书笔记10000字

    网络营销读书笔记10000字 第6章 电子邮件营销 作为网站运营者的你,拿到潜在客户的电子邮件地址,也就拿到后续沟通.不断提醒潜在用户存在的权利. 任何情况下都不要使用垃圾邮件. 电子邮件营销之所以效 ...

  10. 《测试驱动开发实用指南(影印版)》读书笔记1

    今天开始读<测试驱动开发实用指南(影印版)>里的例子.打算边读边把里边的例子用C++写一遍. 在<Test-Driven Development-A Practical Guide& ...

最新文章

  1. 我离开Uber,开始自主创业后......
  2. 一种去中心化的manager设计思路
  3. linux系统下卷组管理,Linux LVM卷组管理
  4. linux 启动程序-p,Linux应用程序开发笔记:配置linuxptp开机启动(ubuntu gPTP)
  5. RHCE-samba服务
  6. C语言中的静态函数的作用
  7. docker 打包mysql_基于docker部署mysql的数据持久化问题
  8. ad09只在一定范围内查找相似对象_dxp查找相似对象
  9. 原型模式和C++的拷贝构造函数有什么区别
  10. 建立图片服务器的注意事项
  11. chrome插件分享
  12. outermost shell_outermost是什么意思_outermost的翻译_音标_读音_用法_例句_爱词霸在线词典...
  13. C++序列式容器(STL序列式容器)
  14. VR全景智慧城市三维实景的建设和呈现目标
  15. WebSocket协议数据格式解析
  16. firewall和企业级的Open ViP服务
  17. android投屏!Android开发还会吃香吗?挥泪整理面经
  18. django前端页面下拉选择框默认值设置
  19. ORB词袋特征提取和匹配
  20. Hook函数三步走(SetWindowsHookEx、UnhookWindowsHookEx、CallNextHookEx)

热门文章

  1. 华中科技大学计算机徐明,华中科技大学2011年本科特优生名单
  2. java 删除文件或文件夹的7种方法(io基础)
  3. 通达信波段王指标公式主图_通达信波段操作主图指标公式
  4. java 设置请求超时时间_java设置http请求超时时间
  5. 如何优雅地使用迅雷下载百度云大文件?
  6. gif生成工具,gif动图分解
  7. pkm与png的相互转化
  8. 云场景实践研究第46期:吉利汽车
  9. 前端开源项目周报1213
  10. Centos7 完全卸载mysql5.7