html与css知识整理

最新推荐文章于 2024-05-26 20:46:36 发布

Be the people

最新推荐文章于 2024-05-26 20:46:36 发布

阅读量111

点赞数

本文链接：https://blog.csdn.net/byn_0326/article/details/107455433

版权

html与css知识整理

html：

1.html是一种超文本标记语言，由多个可嵌套标签组成的树形结构。
基本结构：

	<html>
		<head>
			<meta />
			<link />
		</head>
		<body>
			<div>
				<span>hello html</span>
			</div>
			<img/>
			<h1></h1>
			<a>
		</body>
	</html>

2.标签：
单标签：eg（img）
双标签：（div，span,head,body…）
标签名{属性名：属性值属性名：属性值}
3.html注释：
4.块元素与行内元素
块元素：块元素
作用：
搭建网页结构
特点：
1) 独占一行空间
2) 默认宽度为100%
3) 高度由子元素或内容决定
4) 可以通过css指定其宽度
举例说明
了解原有特性，去除样式，添加自己的样式
div 无意义的块元素（不知道使用哪个标签的时候就是使用div）
h1~h6 标题
p
ul>li
行内元素：
作用：填充
特点：
与其他行内元素共享一行空间
不能通过css为其指定宽高
宽高由自身决定，内容的容器
标签
span
a
href{ 绝对地址/相对地址}
target
img
video
audio
以及一些H5过期的语义化标签
strong 、i、 em
5.功能元素：
table（表格）【border width cellspacing】
caption
thead
tr
td/th 【rowspan 、colspan】
tbody
tr
td/th
tfoot
form（表单）
input
单行文本框 type=“text”
密码框 type=“password”
单选按钮 type=“radio”
复选框 type=“checkbox”
附件按钮 type=“file”
select
textarea
button
username:男
password:123321
gender:male
application/x-www-form-urlencoded
username=0BX0NW@password=123321&gender=male
multipart/form-data
只要表单元素中包含，只能为它

css

1.用以装饰结构的部分
2.在html中如何引入css：
1）. 将css规则直接填写在style属性中
2）. 将样式嵌入到style标签
3）. 将样式写在.css文件中，再通过link将这个文件引入到html中
3.语法组成
选择器 {

最低0.47元/天解锁文章

Be the people

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html与css知识整理

html与css知识整理html：1.html是一种超文本标记语言，由多个可嵌套标签组成的树形结构。基本结构： <html> <head> <meta /> <link /> </head> <body> <div> <span>hello html</span> </div> <img/> <h1>
复制链接

扫一扫