HTML和css（12.28）

最新推荐文章于 2024-09-14 15:26:51 发布

wll555

最新推荐文章于 2024-09-14 15:26:51 发布

阅读量80

点赞数

文章标签： html css 前端

本文链接：https://blog.csdn.net/wll555/article/details/128467086

版权

一.HTML

1.什么是html

描述网页的一种语言

超文本标记语言
不是编程语言，是标记语言，使用标记语言描述，包含视频，音频，图片·····

2.网页组成部分

在这里插入图片描述

3.HTML的基本语法

常规标记，双标记
<标记></ 标记>
空标记，单标记
<标记>

4.文档声明与字符编码

在这里插入图片描述

5.常用标签

文本标题

一级标题

标题标签自带加粗，有自己的文本大小独占一行 - 段落文本

段落

- 换行
- 水平线空标记 - 加粗 - 倾斜 - - 删除 - 扩展下划线下标上标 ### 6.hr 样式有：color，width，align（对齐方式），noshade（取消阴影） ### 7.特殊符号 ![在这里插入图片描述](https://img-blog.csdnimg.cn/05058b9239c94a89965c35cebf323ebf.png) ### 8.div和span
div没有具体含义，用来划分页面的曲序，独占一行
span，应用于对文本独立修饰的时候

9.列表

注：
ol里只能放li标签，ol属性：type（1，a，A，i，I）start（数字）
ul也只能放li，属性有：type，disc，circle，square，none

9.表格的相关属性

注：
td：一个单元格设置宽度，影响一列宽度
colspan=“合并单元格列数”给td
rowspan=“行数”

10.表单

作用：收集用户信息

二.css

1.语法

由两部分组成，选择符和生明，声明分为属性和属性值
属性放在{}中，属性与属性值用冒号连接
每条声明用分号结束
当一个属性，有多个属性值的时候，用空格隔开

2.写法

外部样式的创建

<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css基础知识.html" type="text/css"> <style> @import url("css基础知识.html") </style> </head>

内行样式创建

<body> <div style=" "></div> </body>

注：行内样式>外部引用样式（style>link）
！important用在那种样式后，那种样式优先级高