2022年5月11日
Emmet语法
摘要： Emmet语法的前身是Zen coding，它使用缩写来提高html/css的编写速度，Vscode内部已经集成该语法。 1.快速生成HTML结构语法 (1) 生成标签直接输入标签名按tab键即可 (2) 如果想生成多个相同标签，加上 * 就可以了 (3) 如果有父子关系的标签，可以用 > (4)  阅读全文
posted @ 2022-05-11 16:53 DarkWang 阅读(61) 评论(0) 推荐(0)
CSS三种引入方式
摘要： 按照CSS样式书写(或引入)的位置，CSS样式表可以分成三大类:行内样式表、内部样式表和外部样式表 1.内部样式表 内部样式表(内嵌样式表)是写到HTML页面内部，是将所有的CSS代码抽取出来，单独放到一个style标签中。 <style>标签理论上可以放到HTML文档的任何地方中，但一般会放到文档 阅读全文
posted @ 2022-05-11 06:15 DarkWang 阅读(961) 评论(0) 推荐(0)
2022年5月10日
CSS文本属性
摘要： CSS Text(文本属性)可以定义文本的外观，比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等 1.文本颜色 color属性用于定义文本的颜色。 div { color: red; } 表示 属性值 预定义的颜色值 red、blue 十六进制 #FF0000、#FF6600 RGB代码 rg 阅读全文
posted @ 2022-05-10 12:13 DarkWang 阅读(134) 评论(0) 推荐(0)
2022年5月9日
CSS基础选择器
摘要： 基础选择器包括：标签选择器、类选择器、id选择器和通配符选择器。 1.标签选择器 标签选择器(元素选择器)是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。 标签名 { 属性1: 属性值1; 属性2: 属性值2; 属性3: 属性值3; } 例如 <style> 阅读全文
posted @ 2022-05-09 17:52 DarkWang 阅读(517) 评论(0) 推荐(0)
CSS代码风格
摘要： 1.样式格式书写 1.1 紧凑格式 h1{ color:deeppink;font-size: 20px;} 1.2 展开格式(推荐) h1 { color: deeppink; font-size: 20px; } 2.样式大小写风格 2.1 小写(推荐) h1 { color: deeppink 阅读全文
posted @ 2022-05-09 16:44 DarkWang 阅读(60) 评论(0) 推荐(0)
2022年5月8日
HTML表单标签
摘要： 在HTML中，一个完整的表单由表单域、表单控件(表单元素)、提示信息三个部分组成。 1、表单域 在HTML中，<form>标签用于定义表单域，会把它范围内的表单元素信息提交给服务器，实现用户信息的传递和搜集。 <form action="url地址" method="提交方式" name="表单域名 阅读全文
posted @ 2022-05-08 13:28 DarkWang 阅读(160) 评论(0) 推荐(0)
HTML列表标签
摘要： 1、无序列表 <ul>标签表示HTML页面中项目的无序列表，一般会以项目符合呈现列表项，而列表项使用<li>标签定义。 <!-- 无序列表 --> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> 阅读全文
posted @ 2022-05-08 04:55 DarkWang 阅读(318) 评论(0) 推荐(0)
合并单元格
摘要： 1、合并单元格的方式 跨行合并：rowspan="合并单元格的个数" 跨列合并:colspan="合并单元格的个数" 2、目标单元格 跨行合并：最上侧单元格为目标单元格，写合并代码 跨列合并：最左侧单元格为目标单元格，写合并代码 3、合并单元格的步骤 (1)先确定是跨行还是跨列合并 (2)找到目标单 阅读全文
posted @ 2022-05-08 04:22 DarkWang 阅读(710) 评论(0) 推荐(0)
表格的基本元素
摘要： 1、表格的主要作用 表格不是用来布局，而是用来显示、展示数据，让数据的可读性更强。 2、表格的基本语法 <table> <tr> <td>单元表格内的文字</td> ... </tr> ... </table> (1)<table></table>是用来定义表格的标签。 (2)<tr></tr>用来 阅读全文
posted @ 2022-05-08 00:57 DarkWang 阅读(597) 评论(0) 推荐(0)
2022年5月7日
HTML框架、文本格式化、图像和超链接标签
摘要： 1、布局框架标签 2、文本格式化标签 3、图像标签 4、路径 5、超链接标签 1、布局框架标签 div：div标签是块级元素，它包含的元素会自动换行，没有上下间隔间距。 span：span标签是行内元素，在它的前后不会换行，有多宽占多宽。 2、文本格式化标签 标签 说明 b、strong 加粗 u、 阅读全文
posted @ 2022-05-07 14:45 DarkWang 阅读(65) 评论(0) 推荐(0)