CSS部分

1. border-bottom属性控制元素下边框的外观。   eg: border-bottom:1px solid maroon;  P265

下划线 text-decoration:underline;  P267

2. 若想为合并规则中的某一元素指定单独的样式，不需要拆分合并规则，为其单独建一条规则即可。  P266

3. 字体颜色 color   P300

字体 font-family

字体大小 font-size

字体粗线 font-weight

是否斜体 font-style

4. 如果元素同时设置了多个类，每个类定义的样式是一样的，比如都是color，那么就会按CSS文件中最后列出的规则显示。  P293

即，如果由于两个或多个选择器有相同的特定性而无法解决冲突，就要利用样式表文件中规则的顺序来解决问题。

【【就近原则】】

5. 如果CSS里有错误，通常这个错误以下的所有其他规则都会被忽略。 P297

6. 若字体有多个单词，为其加上英文引号。 P320

7. 使用web字体的时候一定要分清并写对相对地址或者绝对地址。 P326

8. 用关键字定义字体大小：font-size: xx-small/x-small/small/medium/large/x-large/xx-large   P330

9. 默认字体大小  P334

10. 改变字体的粗细：font-weight: bold/normal  P335

11. <em>标签和font-style:italic;样式都能把字体变为斜体，二者的区别在哪呢？   P338

em标签用来指定结构，起强调作用

stalic只是样式

12. 背景颜色background-color、边框颜色border-color、字体颜色color

13. 16种常用颜色  P343

14. 十六进制数的算法  P347

15. 颜色表：https://en.wikipedia.org/wiki/Web_colors

16. 合理搭配字体颜色：文本和背景的颜色，对比度要大，这样能够增强可读性。 P349

17. 背景图像 background-image P380    background-repeat 和 background-position P383

18. 边框线 border-style  P386    边框圆角 border-radius  radius=半径  P388

19. id 和 class 及其命名规则  P397

20. 混合样式表：使用多个样式表  （样式表从上往下排列，最下面的优先显示。）  P398

HEAD FIRST HTML & CSS学习笔记的更多相关文章

  1. CSS学习笔记

    CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...

  2. HTML+CSS学习笔记 (7) - CSS样式基本知识

    HTML+CSS学习笔记 (7) - CSS样式基本知识 内联式css样式,直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌 ...

  3. HTML+CSS学习笔记 (6) - 开始学习CSS

    HTML+CSS学习笔记 (6) - 开始学习CSS 认识CSS样式 CSS全称为"层叠样式表 (Cascading Style Sheets)",它主要是用于定义HTML内容在浏 ...

  4. HTML+CSS学习笔记（5）- 与浏览者交互，表单标签

    HTML+CSS学习笔记(5)- 与浏览者交互,表单标签 1.使用表单标签,与用户交互 网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务 ...

  5. HTML+CSS学习笔记(4) - 认识标签（3）

    HTML+CSS学习笔记(4) - 认识标签(3) 1.使用<a>标签,链接到另一个页面 使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这 ...

  6. HTML+CSS学习笔记（3）- 认识标签（2）

    HTML+CSS学习笔记(3)- 认识标签(2) 1.使用ul,添加新闻信息列表 在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表.图片列表, 这些列表就可以使用ul-li标签来完成.ul-l ...

  7. HTML+CSS学习笔记(2) - 认识标签（1）

    HTML+CSS学习笔记(2) - 认识标签(1) 1.语义化,让你的网页更好的被搜索引擎理解 标签的用途: 我们学习网页制作时,常常会听到一个词,语义化.那么什么叫做语义化呢,说的通俗点就是:明白每 ...

  8. HTML+CSS学习笔记(1) - Html介绍

    HTML+CSS学习笔记(1) - Html介绍 1.代码初体验,制作我的第一个网页 <!DOCTYPE HTML> <html> <head> <meta ...

  9. css学习笔记四

    广州天气变冷了,css学习笔记还是要总结. 总结: 1:几米页面静态页面主要是一列结构头部banner图,mainbody部分放文字内容和图书图片,底部是页面的版权信息 2:腾讯软件中心静态页面制作( ...

  10. CSS学习笔记：溢出文本省略（text-overflow）

    原文:CSS学习笔记:溢出文本省略(text-overflow) 在CSS3中,text-overflow属性的基本语法如下: clip:表示不显示省略文本,简单的裁切. ellipsis:表示对象文 ...

随机推荐

  1. 【转】Description Resource Path Location Type Java compiler level&n

    转载地址:http://blog.sina.com.cn/s/blog_ae96abfd0101qbq0.html 在项目上右键Properties->Project Facets,在打开的Pr ...

  2. 关键字nullable，nonnull，null_resettable，_Null_unspecified详解

    相信在开发过程中,很多小伙伴们儿都会见到nullable,nonnull,null_resettable,_Null_unspecified这几个关键字,但是并不知道它们是什么意思,下面我就给大家一一 ...

  3. RK 61 键盘 Ubuntu 下键位映射修改方案

    在用户 Home 目录下面创建 .Xmodmap 文件,然后输入以下的内容: remove Lock = Caps_Lock remove Control = Control_L remove Con ...

  4. TensorFlow白皮书

    TensorFlow [1] is an interface for expressing machine learning algorithms, and an implementation for ...

  5. PHP的一些开源项目网站

    https://github.com/wenzhixin/bootstrap-table https://github.com/1000hz/bootstrap-validator

  6. cmd部分提权常用命令

    ipconfig 显示本地IP地址 net start telnet 开telnet服务 net use z:127.0.0.1c$ 映射对方的C盘 net user 查看所有用户列表 net use ...

  7. item布局里有button之类的子控件时，会截获焦点

    需要以上问题时,网上查了很多,结果都是使用android:descendantFocusability属性,设为blocksDescendants就ok了,(具体不详叙述) 可是我给item的根布局设 ...

  8. CSS 选择器

    1.  .   ==> class选择器 2.  #  ==> id选择器 3.  *  ==>选择所有元素 4.<p>  ==>选择所有<p>标签的元 ...

  9. 安装php-amqplib（RabbitMQ的phpAPI）

    历史经验告诉我们,装逼没有好下场. 总结一下之前composer安装php-amqplib包失败的原因: composer安装的时候需要指定PHP执行文件的位置: PHP安装路径:/usr/local ...

  10. ie6、7 下input的边框问题 ？

    input的border设置为none,ie8及以上border都兼容,ie6和7的border还继续存在,将border设为0时所有浏览器上都不存在了,但是border为0时还是会继续的渲染. 将i ...