Html+Css速学笔记(后端必看!)

---

前言

如果你想快速了解HTML和CSS相关的知识，本篇文章可以对你有所帮助

---

1、font标签

<font> 标签可规定文本的字体、字体尺寸、字体颜色。

• 可选择的属性
• 

---

2、特殊字符

• 最常用的字符实体
  

---

3、标题标签

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

• 可选属性：
  

---

4、超链接标签(重点！！！)

• 定义用法：
  
• 可选标签
  

5、列表标签

---

6、img标签

• 定义和用法：
  img 元素可定义一副图像。

• 必须属性：
  

• 可选属性：
  

7、table标签

• 可选属性：
  
• <tr>

• <td>
  

• <th>
  定义表格内的表头单元格。此 th 元素内部的文本通常会呈现为粗体。

示例：

8、跨行跨列表格

• colspan，占一行的列数
  
  
• rowspan，占一列的行数
  
  

9、ifarme(挺好用，针不戳！)

10、表单标签(五星重点,必须掌握!)

• 什么是表单？
  

• 具体内容：
  

  

• 表单格式化：
  把表单放在table中

<form>
	<table>
		<tr>
			<td></td>
			......
		</tr>
		......
	</table>
</form>

• 表单提交的细节
  
  doget请求特点：
  
  dopost请求特点:

---

11、div、span、p标签

---

1、什么是css

---

2、css语法规则

---

3、css和html结合的方式

---

4、css选择器

• 标签名选择器：
  

• id选择器：
  

• class选择器：

• 组合选择器
  

5、css的常用样式

1、字体颜色
color：red；
颜色可以写颜色名如：black, blue, red, green 等
颜色也可以写 rgb 值和十六进制表示值：如 rgb(255,0,0)，#00F6DE，如果写十六进制值必
须加#

2、宽度
width:19px;
宽度可以写像素值：19px；
也可以写百分比值：20%；

3、高度
height:20px;
高度可以写像素值：19px；
也可以写百分比值：20%；

4、背景颜色
background-color:#0F2D4C

4、字体样式：
color：#FF0000；字体颜色红色
font-size：20px; 字体大小

5、红色 1 像素实线边框
border：1px solid red;

7、DIV 居中
margin-left: auto;
margin-right: auto;

8、文本居中：
text-align: center;

9、超连接去下划线
text-decoration: none;

10、表格细线
table {
border: 1px solid black; /设置边框/
border-collapse: collapse; /将边框合并/
}
td,th {
border: 1px solid black; /设置边框/
}

11、列表去除修饰
ul {
list-style: none;
}

总结

以上就是今天要讲的内容，本文仅仅简单介绍了html和css的使用，这对后端开发的朋友已经足够，使用时可以结合文档来进行相应的开发，想继续快速学习前端知识的朋友还可以去看博主的另一篇JavaScript的速学博客，希望对所有看完这篇博客的读者都能有所帮助！