爱前端的小魏

html--结构伪类选择器

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> child 孩子向下寻找时，没有找到指定元素，则不会在寻找 type 类型向下寻找时，没有找到指定元素，继续往下寻找，直到找到从(1)开始搜索 nth-ch 阅读全文

posted @ 2022-01-03 18:49 爱前端的小魏阅读(85) 评论(0) 推荐(0)

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 爱前端的小魏阅读(959) 评论(0) 推荐(0)

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 爱前端的小魏阅读(170) 评论(0) 推荐(0)

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 爱前端的小魏阅读(733) 评论(0) 推荐(0)

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 爱前端的小魏阅读(1141) 评论(0) 推荐(0)

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 爱前端的小魏阅读(313) 评论(0) 推荐(0)

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 爱前端的小魏阅读(275) 评论(0) 推荐(0)

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 爱前端的小魏阅读(396) 评论(0) 推荐(0)

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 爱前端的小魏阅读(127) 评论(0) 推荐(0)

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 爱前端的小魏阅读(180) 评论(0) 推荐(0)

编码1