HTML/CSS入门及基础

 2023-09-06 阅读 15 评论 0

摘要:html标签类型 1.块元素: h1-h6:标题标签,1~6依次变小 p:段落标签,有默认的外边距 div:容器标签,用来包裹其他元素 … 块元素可以设置宽高,独占一行。 2.内联元素(行内元素): a:超链接标签,href

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

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/5/9615.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息