爱前端的小魏

html--overflow（内容溢出）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> div{ width: 200px; height: 6.25rem; border: 1px solid #0000FF; /* overflo 阅读全文

posted @ 2022-01-09 17:03 爱前端的小魏阅读(195) 评论(0) 推荐(0) 编辑

html--display（转化元素，block，inline，inline-block，none）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> /* #div1,#div2{ width: 100px; height: 100px; background-color: #FF0000; d 阅读全文

posted @ 2022-01-09 15:45 爱前端的小魏阅读(158) 评论(0) 推荐(0) 编辑

html--标签样式（块，内联，内联块，按内容，按显示分类）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 一、按元素 black（块元素）:div p ul ol li h1-h6 dl dt dd form table 独占一行支持所有样式不写宽的时候阅读全文

posted @ 2022-01-09 15:21 爱前端的小魏阅读(264) 评论(0) 推荐(0) 编辑

css盒子模型

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- css盒子模型组成： conter > padding > border > margin 物品填充物包装盒盒子与盒子之间的间距 conter 内阅读全文

posted @ 2022-01-05 18:29 爱前端的小魏阅读(18) 评论(0) 推荐(0) 编辑

html-css优先级（style，id，class，tag，*，继承，！important）

摘要：层级优先级 1、权重比较(以下面标签中权重最大为准) 如: ul li .box p input() .box .hello span #elem{} #elem 2.约分比较(挑选出来以下标签不一致的，比较权重大小) ul li .box p input{} li p input .hello s 阅读全文

posted @ 2022-01-04 12:47 爱前端的小魏阅读(928) 评论(0) 推荐(0) 编辑

html--css继承（inherit）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> 文本相关的样式可以被继承布局相关的样式不能被继承（默认不可以），但是可以通过继承（inherit），如下 <style> div{ width: 200px; 阅读全文

posted @ 2022-01-03 19:42 爱前端的小魏阅读(300) 评论(0) 推荐(0) 编辑

html--结构伪类选择器

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

posted @ 2022-01-03 18:49 爱前端的小魏阅读(75) 评论(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 爱前端的小魏阅读(911) 评论(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 爱前端的小魏阅读(162) 评论(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 爱前端的小魏阅读(678) 评论(0) 推荐(0) 编辑

编码1