web前端日常笔记

世界五大主流浏览器： 内核

1.谷歌浏览器 chrome webkit-blink

2.苹果 safari webkit

3.欧朋 opera presto-blink

4.火狐 firefox gecko

5.ie trident

页面三大组成部分

1.html

2.css

3.js

块级标签：div p h1-h6 ul-li ol-li dl dt dd 可以设置宽高

行级标签：a span b strong em i sub sup del

行内标签：img input

div：双标签，构建网页的基本标签，可以理解为盒子

宽度为父元素宽度（默认)

高度有内容撑开

垂直布局，独立成行，可以嵌套所有的标签

p:双标签 段落标签 主要放成段的文字

宽度默认父元素撑开

高度由内容撑开

垂直布局，独立成行

自带上下外边距 （注：p标签不能嵌套块级标签）

h1-h6:标题标签

h1最大，h6最小

宽度默认父元素撑开，高度默认由内容撑开

独立成行——垂直布局 自带外边距 自带加粗效果

hr：水平分割线

默认自带间距，自带边框，独立成行，垂直布局

br：换行标签

强制换行，不参与标签分类

span：控制文本局部样式，里面一般包着文本

del：删除标签

sup：上表标签

sub：下表标签

em：斜体标签，强调语气

i：斜体标签

strong：加粗标签，强调语气

b：加粗标签

路径：

1.绝对路径：网址路径、盘符下的路径

2.相对路径：./ ../

a: 超链接标签

title：提示信息的作用

target：链接的文档在哪里显示（-self，-blank）

herf：跳转的路径

宽度，高度默认由内容撑开

默认横向显示，水平布局

自带文字颜色和下滑线

鼠标指针的形状为手型

去掉下划线用 text-decoration：none

img：图片标签

src：图片的路径

alt：预替换文本，图片加载失败时候提示的文字

title;提示信息的作用

默认横向显示，水平布局，一行排不下，自动折行