html--伪类选择器（鼠标移入移出）
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 针对a标签使用该元素 a：link 开始 a：visited 结束 n :hover 鼠标移入 n:active 鼠标点击 注意 ： 当使用过visit
阅读全文
posted @ 2021-12-30 12:52
12 2021 档案
html--基础知识层级选择器
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 后代 ul li{} 寻找父级元素下面的的元素（如：li，寻找父元素下面li标签） 父子 ul > li{} 寻找父级元素（如：ul，寻找子元素上面的u
阅读全文
posted @ 2021-12-30 12:51
html--基础知识（字体粗细/倾斜效果）
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> 1.font-weight= 字体的粗细效果 属性值有： normal 默认展示的字体，不加粗 bold 加粗 number:100-500 默认展示的字体，不加
阅读全文
posted @ 2021-12-27 21:47
html--基础知识（border边框样式）
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- border-style =边框线条 solid 实线 dashed 虚线 想要针对某一个单独位置设置边框颜色或大小等 如：border-left-st
阅读全文
posted @ 2021-12-24 08:54
html--基础知识（三种颜色写法）
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style>/* 颜色的三种写法： 1、英文单词写法：如 red 2.数字写法 由0-9，a-f组成 3.rgb三原色表示法 取值范围：0-255 */ div{
阅读全文
posted @ 2021-12-23 12:52
html--基础知识，两种引入css样式方式
摘要：1.使用link标签去引入css样式 2.使用@import直接去引用 如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- #引入两种css样式方法 1.在head里面使用link标签进行引用 r
阅读全文
posted @ 2021-12-23 09:00
html基础知识-表格标签（form，input）
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- <title></title> form 、input form：表单最外层容器(如果没有form标签，其他功能点击没响应) input：用户搜索用户信息 如：输入框，密码框等 typ
阅读全文
posted @ 2021-12-20 13:52
html--基础知识（table表格）
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- table 表格写法 表单 tr 表格行 th 表头 td 表格单元 caption 表格标题 语义化标签：让标签更好记一些 thead/tFood t
阅读全文
posted @ 2021-12-17 19:49
html--基础知识（列表排序ul，ol，dl）
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> ul 无序列表 属性type：circle实心圆 dist空心圆 square实心方块 ol 有序列表 属性type ：A，1 ……
阅读全文
posted @ 2021-12-16 12:24
调整锚点（点击可跳转对应位置，name，id）
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 锚点：点击链接跳转对应位置 一般应用与返回顶部或，到达指定位置 两种写法： 一种如下面写法： id获取属性 如：<h2 i
阅读全文
posted @ 2021-12-16 11:07
html--基础知识（img 插入图片）
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title>网页标题</title> </head><body> img:分为 绝对路径：完整的路径 相对路径 ：上一层路径 src=路径 属性： alt=只有当图片损坏时，才会有该提示 title=
阅读全文
posted @ 2021-12-16 09:02
html--基础知识（a标签 可点击链接跳转页面）
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title>网页标题</title> <!-- 点击链接，给全部链接点击增加跳转新窗口 ，--><base target="_blank" /> </head><body> # a href可点击链接
阅读全文
posted @ 2021-12-16 08:59
html--基础知识（p标签 段落）
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title>网页标题</title></head><body> <p>段落1</p><p>段落2</p> </body></html>
阅读全文
posted @ 2021-12-16 08:54
html--基础知识（h1-h6改变字体粗细）
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title>网页标题</title></head><body><!-- h1-h6代表字体粗细--><h1>h1</h1><h2>h2</h2><h3>h3</h3><h4>h4</h4><h5>h5
阅读全文
posted @ 2021-12-16 08:52
