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)伪类选择器:选择器:伪类选择器{}

猜你喜欢

转载自blog.csdn.net/zsh142537/article/details/82809966