CSS选择器练习--餐厅选择
摘要：1.题目：Select the plates 答案：plate 1 <div class="table"> 2 <plate></plate> 3 <plate></plate> 4 </div> 2.题目：Select the bento boxes 答案：bento 1 <div class="
阅读全文
posted @
2022-05-28 09:27
我不想一直当菜鸟
阅读(703)
推荐(0) 编辑
9.盒子模型
摘要：CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 例子： padding:内边距，改变padding值观察变化： border:边框，改变border的值观察变化： margin:外边距，改变margin的值观察变化： 1.padding内边距 paddi
阅读全文
posted @
2022-04-04 16:11
我不想一直当菜鸟
阅读(64)
推荐(0) 编辑
8.渐变
摘要：渐变是可以在两个或多个指定的颜色之间显示平稳的渡过。 CSS3定义了两种类型的渐变：线性渐变和径向渐变。 一、线性渐变 语法： background: linear-gradient(direction, color1, color2 top, ...); 参数介绍： 参数1.direction：渐
阅读全文
posted @
2022-01-12 20:34
我不想一直当菜鸟
阅读(459)
推荐(0) 编辑
7.美化网页元素
摘要：1.span标签：重点要突出的字，使用span套起来 2.字体样式 字体：font-family:楷体; 字体颜色：color: green;（单词 / RGB / RGBA透明度0-1） 字体大小：font-size: 42px; 字体粗细：font-weight: bold; 3.文本样式 文本
阅读全文
posted @
2022-01-11 19:10
我不想一直当菜鸟
阅读(66)
推荐(0) 编辑
6.属性选择器
摘要：属性选择器：根据指定的属性名称找到对应的标签，然后设置属性的样式。 = 是绝对等于 *= 是包含等于 ^= 以什么开头 $= 以什么结尾 1.a[id] { } 表示为存在id属性的元素设置样式 2.a[id=second]{ } 表示为“id=second”的属性设置样式 3.a[class *=
阅读全文
posted @
2022-01-11 16:28
我不想一直当菜鸟
阅读(43)
推荐(0) 编辑
5.结构伪类选择器
摘要：结构伪类选择器：是针对HTML层次“结构”的伪类选择器，通过元素的特定位置从而进行定位，减少 HTML文档对ID或者类名的定义。 1.x:first-child 为父元素的第一个子元素x设置样式 例如：ul li:first-child表示为父元素ul的第一个子元素li设置样式 2.x:last-c
阅读全文
posted @
2021-11-17 10:23
我不想一直当菜鸟
阅读(323)
推荐(0) 编辑
4.CSS层次选择器
摘要：1.后代选择器：在某个元素的后面 1 /*后代选择器*/ 2 body p{ 3 background: crimson; 4 } 2.子选择器：仅一代 1 /*子选择器*/ 2 body>p{ 3 background: hotpink; 4 } 3.相邻兄弟选择器：同辈，只有一个相邻（向下） 1
阅读全文
posted @
2021-11-14 16:01
我不想一直当菜鸟
阅读(57)
推荐(0) 编辑
3.CSS三种基本选择器
摘要：三种选择器的优先级： id选择器 > class选择器 > 标签选择器 1.标签选择器：会选择到页面上所有的该类标签的元素 格式： 标签{} 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title
阅读全文
posted @
2021-11-14 15:26
我不想一直当菜鸟
阅读(275)
推荐(0) 编辑
2.css的导入方式
摘要：三种导入方式： 1.行内样式：在标签元素中，编写一个style属性，编写样式即可。有多个以分号隔开 <h2 style="color: green">标题</h2> 2.内部样式：写在<head></head>里面 <style> h2{ color: red; } </style> 3.外部样式：
阅读全文
posted @
2021-11-13 17:24
我不想一直当菜鸟
阅读(96)
推荐(0) 编辑
1.css的初认识
摘要：1.什么是CSS？ Cascading Style Sheet 层叠级联样式表 CSS:表现层（美化网页） 字体、颜色、边距、高度、宽度、背景图片、网页定位、网页浮动.... 2.CSS发展史 CSS1.0 CSS2.0 : DIV(块) +CSS,HTML+CSS结构分离是思想，网页变得简单，SE
阅读全文
posted @
2021-11-12 15:59
我不想一直当菜鸟
阅读(75)
推荐(0) 编辑
