摘要：
<!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)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>样式的继承</title> </head> <body> <!-- 像儿子可以继承父亲的遗产一样,祖先元素上的样式,也会被他的后代元素所继承 利用继承,可以将一些基本的样式设置给祖 阅读全文
posted @ 2021-06-29 15:41
leiyanting
阅读(251)
评论(0)
推荐(0)
摘要：
<!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)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>兄弟元素选择器</title> <style type="text/css"> /* 后一个兄弟元素选择器 作用: 可以选中一个元素后紧挨着的指定的兄弟元素 语法: 前一个+后一个 阅读全文
posted @ 2021-06-29 15:17
leiyanting
阅读(350)
评论(0)
推荐(0)
摘要：
<!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)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>属性选择器</title> <style type="text/css"> /* 属性选择器: 作用: 可以根据元素中的属性或属性值来选取指定元素 语法: [属性名] 选取含有指定 阅读全文
posted @ 2021-06-29 14:41
leiyanting
阅读(305)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>伪元素</title> <style type="text/css"> /* 使用伪元素来表示元素中的一些特殊的位置 */ /* 首字母 - :first-letter 首行 - 阅读全文
posted @ 2021-06-29 14:23
leiyanting
阅读(1037)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>伪类选择器</title> <style type="text/css"> /* 伪类专门用来表示元素的一种特殊的状态 比如: 访问过的超链接,比如普通的超链接,比如获取焦点的文本 阅读全文
posted @ 2021-06-29 11:58
leiyanting
阅读(484)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>子元素和后代元素选择器</title> <style type="text/css"> /* 后代元素选择器 作用: 选中指定元素的指定后代元素 语法: 祖先元素 后代元素{} * 阅读全文
posted @ 2021-06-29 11:05
leiyanting
阅读(328)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>常用选择器</title> <style type="text/css"> /* 为页面中的所有的p元素,设置一个字体颜色为红色 */ /* 元素选择器 作用: 通过元素选择器可以 阅读全文
posted @ 2021-06-29 10:43
leiyanting
阅读(156)
评论(0)
推荐(0)
摘要：
块元素和内联元素 div就是一个块元素 所谓的块元素就是会独占一行的元素,无论他的内容有多少 他都会独占一整行 块元素有: div p h1 h2 h3.... div这个标签没有任何语义,就是一个纯粹的块元素 并且不会为它里面的元素设置任何的默认样式 div元素主要用来对页面进行布局的 span是 阅读全文
posted @ 2021-06-29 10:12
leiyanting
阅读(141)
评论(0)
推荐(0)
摘要：
在style中全部都是css代码,不能有html代码 在css中只能使用css注释 /* */ 只能编写在style标签中,或者css文件中 css语法: 选择器 声明块 选择器: -通过选择器可以选中页面中指定的元素, 并且将声明块中的样式应用到对应的元素上 声明块: -声明块紧跟在选择器的后面, 阅读全文
posted @ 2021-06-29 09:50
leiyanting
阅读(76)
评论(0)
推荐(0)
浙公网安备 33010602011771号