html+css | 学习笔记简单整理01

目录

 

目录

css定义的三种方式：

css三种定义方式优先级：

css注释方式：

html表格

块

列表

文本格式化标签

安全色

图标库

 

---

css定义的三种方式：

1.内联样式：写在对应标签里

2.内部样式表：写在里 标签

3.外部样式表：独立css文件 调用方式

css三种定义方式优先级：

内联>内部>外部

css注释方式：

/* （内容）*/

html表格

- border边框像素为单位，

- cellspacing ：td与table有边距

- cellspacing：td 里边距

（标签属性里不跟px???）

- border-collapse：collapse 单线边框 无边距

- align：left center right 内容对齐方式

- text-align：文字对齐方式

注：align是div属性；text-align是css属性

表格标题标签 特殊属性 居中

- colspan：合并列

- rowspan：合并行

- th：列标题标签，默认粗体

- thead\tbody\tfoot：三个标签必须同时存在（？），thead tfoot 先于tbody加载

- padding：上下内边距 左右内边距

- background-color：背景颜色

- color：字体颜色

- tr：nth-child(even){}：even为偶数行；odd为奇数行

（冒号都为伪类）

-：hover：鼠标对焦动作

块

div 盒子 

大多数 HTML 元素被定义为块级元素或内联元素。

区分：新行

html/body：默认有边距 margin padding 设置为0

可以用浮动来避免新行

列表

ul 块级元素 
有边距
list-style:none去掉原点
overflow:hidden溢出部分隐藏
box-sizing:border-box
box-shadow: 0 0 px 颜色
birder: 大小 solid.实 颜色
a标签 text-decration none
border-radius:圆角

文本格式化标签

标签	描述
	定义粗体文本。
	定义大号字。
	定义着重文字。
	定义斜体字。
	定义小号字。
	定义加重语气。
	定义下标字。
	定义上标字。
	定义插入字。
	定义删除字。

安全色

http://www.bootcss.com/p/websafecolors/

图标库

http://fontawesome.dashgame.com

使用压缩版 min.css  

注：类名前加 fa 2.图标与文字之间要加空格

属性 font-size / color