2021年6月30日

前端基础---长度单位

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>长度单位</title> <style type="text/css"> /* 长度单位像素px 像素是我们在网页中使用的最多的一个单位一个像素就相当于我们品目中的一个小点我阅读全文

posted @ 2021-06-30 09:52 leiyanting 阅读(70) 评论(0) 推荐(0)

前端基础---定义列表

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>定义列表</title> </head> <body> <!-- 定义列表用来对一些词汇或内容进行定义使用dl来创建一个定义列表 dl中有两个字标签 dt: 被定义的内容 dd: 阅读全文

posted @ 2021-06-30 09:33 leiyanting 阅读(188) 评论(0) 推荐(0)

2021年6月29日

前端基础---无序列表与有序列表

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>无序列表和有序列表</title> <style type="text/css"> /* 去掉项目符号 */ .ul1 { list-style: none; } </style> 阅读全文

posted @ 2021-06-29 19:30 leiyanting 阅读(683) 评论(0) 推荐(0)

前端基础---文本标签

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文本标签</title> </head> <body> <!-- em和strong 这两个标签都表示一个强调的内容 em主要表示与其上的强调,em在浏览器中默认使用斜体显示 st 阅读全文

posted @ 2021-06-29 17:12 leiyanting 阅读(214) 评论(0) 推荐(0)

前端基础---伪类的顺序

摘要：涉及到a的伪类一共有四个: :link :visited :hover :active 而这四个选择器的优先级是一个样的所以为了避免出现不必要的错误要按照以下顺序 1. :link 2. :visited 3. :hover 4. :active 阅读全文

posted @ 2021-06-29 16:08 leiyanting 阅读(137) 评论(0) 推荐(0)

前端基础---选择器的优先级

摘要：当时用不同的选择器,选中同一个元素时并且设置相同的样式时这时样式之间产生了冲突,最终到底采用哪个选择器定义的样式,由选择器的优先级(权重) 决定优先级高的优先显示优先级的规则内联样式优先级 1000 id选择器优先级 100 类和伪类优先级 10 元素选择器优先级 1 通配选择器优阅读全文

posted @ 2021-06-29 15:59 leiyanting 阅读(277) 评论(0) 推荐(0)

前端基础HTML---样式的继承

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>样式的继承</title> </head> <body> <!-- 像儿子可以继承父亲的遗产一样,祖先元素上的样式,也会被他的后代元素所继承利用继承,可以将一些基本的样式设置给祖阅读全文

posted @ 2021-06-29 15:41 leiyanting 阅读(251) 评论(0) 推荐(0)

前端基础HTML---否定伪类

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>否定伪类</title> <style type="text/css"> /* 否定伪类: :not(选择器) */ p:not(.hello){ background-color 阅读全文

posted @ 2021-06-29 15:27 leiyanting 阅读(57) 评论(0) 推荐(0)

前端基础HTML---兄弟元素选择器

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>兄弟元素选择器</title> <style type="text/css"> /* 后一个兄弟元素选择器作用: 可以选中一个元素后紧挨着的指定的兄弟元素语法: 前一个+后一个阅读全文

posted @ 2021-06-29 15:17 leiyanting 阅读(350) 评论(0) 推荐(0)

前端基础HTML---子元素的伪类

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>子元素的伪类</title> <style type="text/css"> /* :first-child -选择第一个子标签 :last-child -选择最后一个子标签. : 阅读全文

posted @ 2021-06-29 15:09 leiyanting 阅读(83) 评论(0) 推荐(0)

导航

2021年6月30日

2021年6月29日