HTML/CSS入门及基础

html标签类型

1.块元素：

h1-h6：标题标签，1~6依次变小
p：段落标签，有默认的外边距
div：容器标签，用来包裹其他元素
…
块元素可以设置宽高，独占一行。

2.内联元素(行内元素)：

a：超链接标签，href=”地址” target=_self跳转页面/_blank打开新页面 titlt=”鼠标移上去时显示的文字”
span：内联容器标签，没有其他默认样式
img：图片标签，src=”地址” alt=”图片加载失败时显示的内容” title=”鼠标移上去时显示的文字”
…
内联元素不可设置宽高，大小由内容撑开(有些特殊的可以设置宽高，如img，宽高由图片大小撑开，也可设置宽高限制图片大小)

3.其它标签：

br：换行标签
hr：分割线
字符实体：&nbsp 空格；&gt 大于号；&lt 小于号；

css样式

1.引入方式：

(1)内联式：通过标签的style属性，在标签上直接写样式

......

(2)内嵌式：通过style标签，在head内创建嵌入的样式表

(3)外链式：通过link标签，链接外部样式文件到页面中

2.选择器：

(1)标签选择器：标签名{}
(2)类选择器：类名{}
(3)层级选择器：选择器1，选择器2{}
(4)id选择器： #id{}
(5)伪类选择器：选择器：伪类选择器{}