- 博客(16)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 学习记录 --【零基础CSS学习】11.伪类和伪元素
目录一、 伪类1. 静态伪类2. 动态伪类二、伪元素伪类：元素不同状态变现不同样式静态伪类：只能用于超链接（a元素），实际运用中用的少1.link:超链接点击之前的样式2.visited：超链接点击之后的样式例：动态伪类：能用任何于任何元素1.hover：鼠标放到元素上的状态，最常用的状态2.active:点击时没有松开鼠标的状态，不常用3.focus：用于输入框获得焦点时的状态例：伪元素：文档结构中没有出现的元素1. ::first-letter:选择的是元素中第一个文字2. ::first
2022-07-05 10:15:59
173
原创 学习记录 --【零基础CSS学习】10.CSS优先级
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>2-13 css优先级（1）</title> <style> div{color: red;} *{color: salmon;} a{color: blue;} .abc{color:green;}...
2022-05-16 10:25:59
70
原创 学习记录 --【零基础CSS学习】09.CSS叠加性和层叠性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>2-12 css叠加性和层叠性</title> <style type="text/css"> span{ color: red; } .abc{ font-size:...
2022-05-16 10:24:40
72
原创 学习记录 --【零基础CSS学习】08.CSS继承性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>2-11 css继承性</title> <style type="text/css"> div{ color: red; } </style></head><body...
2022-05-12 14:38:28
43
原创 学习记录 --【零基础CSS学习】07.nth-child选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>2-09和2-10 nth-child选择器</title> <style type="text/css"> /*选择的是li的父元素中的第5个li字元素*/ /*li:nth-child(5){color: red;}*/...
2022-05-12 14:35:15
119
原创 学习记录 --【零基础CSS学习】06.第一和最后子元素选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>2-08 第一和最后子元素选择器</title> <style type="text/css"> /*第一子元素选择器*/ h3:first-child{ /*选择的是h3元素的父元素中，是h3的第一个子元素...
2022-05-12 14:31:04
406
原创 学习记录 --【零基础CSS学习】05.并集选择器和交集选择器
目录前言一、并集选择器二、交集选择器前言写这个初衷是为了记录自己学习的过程，强制打卡，希望自己不要半途而废，也希望可以给和我一样的入门小白提供一些参考。我的学习就是跟着视频学习，浏览一些教学网站，边看边学边练，希望大家一起进步。一、并集选择器并集选择器1.同时选中多个元素2.选择时要用","连接3.标签选择器，id选择器，class选择器都可以混合使用示例1：利用并集选择器，同时选择div和第一个p元素，对里面的内容进行相同的样式设置<!DOCT
2022-05-10 16:00:00
1789
2
原创 学习记录 --【零基础CSS学习】04.通用选择器和后代选择器
目录一、通用选择器(一般用不上，有时会使用一次)二、后代选择器一、通用选择器(一般用不上，有时会使用一次)1.可以选中页面中的所有元素。2.使用通配符"*"进行选择示例：选择所有元素字体颜色变成红色，字体字号变成24px<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>通用选择器</title> ...
2022-05-10 11:17:55
593
原创 学习记录 --【零基础CSS学习】03.ID选择器和类选择器
目录一、ID选择器二、类选择器一、ID选择器1.id属性是标准属性，任何元素都可以有id属性。2.使用id选择器时，要在id值前加上"#"3.id选择器只能选中一个元素，同一个页面要保证id的唯一性(不同元素有相同id，也属于非法)4.定义id时，必须要以字母开头，可以包含数字、下划线等符号。5.定义id时，不要与标签名相同示例：给id为“one”的元素字体变成红色，给id为“two”的元素字体设置为30px<!DOCTYPE html><ht
2022-05-10 10:42:55
3200
原创 学习记录--【零基础CSS学习】02.标签选择器
标签选择器：1.通过标签选择元素2.无论隐藏多深，标签选择器都可以选中3.标签选择器，选择的是所有而不是一个元素4.所有的标签都可以是选择器示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签选择器</title> <style type="text/css"> div{ font-size:.
2022-05-09 22:00:00
125
原创 学习记录--【零基础CSS学习】01.CSS简介及引入
一、CSS简介1. 什么是csshtml：用来搭建网页建构css：用来给网页添加样式css3：是css最新的版本2. css优点1.丰富的样式描述2.样式和结构的分离，便于维护和管理3.减少代码量，加快页面的加载4.样式代码的复用性强5.多个页面可以使用同一个css样式表3. css缺点1.功能多,学习的知识就多2.浏览器对css支持程度不一样4. css书写格式1.属性名:属性值2.属性值是对属性的相关描述3.属性名必须是一个
2022-05-09 17:27:43
180
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人