CSS
关注
分享
扫一扫
文章平均质量分 67
css学习笔记
小吴在敲Bug
做个有趣 快乐 优雅的人
展开
-
CSS——定位
CSS定位的了解原创 2022-06-01 00:02:17 · 203 阅读 · 0 评论 -
CSS——display和浮动
文章目录1、display2、浮动3、父级边框塌陷问题3、overflow4、父类添加一个伪类:after5、小结6、对比1、displayblock 块元素inline 行内元素inline-block 是块元素，但是可以内联，在一行none<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>原创 2022-05-30 20:17:18 · 267 阅读 · 0 评论 -
CSS——盒子模型
文章目录1、什么是盒子2、边框1、什么是盒子margin：外边距padding：内边距border：边框2、边框边框的粗细边框的样式边框的颜色 /*body总有一个默认的外边距margin:0*/ h1,ul,li,a,body{ margin: 0; padding: 0; text-decoration: none;原创 2022-05-22 18:19:24 · 166 阅读 · 0 评论 -
CSS——美化网页
文章目录1、字体样式2、文本样式为什么要美化网页？1、有小的传递页面信息2、美化网页、页面漂亮、才能吸引用户3、突显页面的主题4、提高用户的体验span标签（重点要突出的字，使用span套起来）<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>原创 2022-05-20 22:04:04 · 3032 阅读 · 2 评论 -
CSS——属性选择器
标签和属性结合<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .demo a{ float: left; display: block;.原创 2022-05-19 12:28:36 · 130 阅读 · 0 评论 -
CSS——结构伪类选择器
文章目录1、选择子元素2、定位到父级元素的当前元素伪类：条件（过滤）1、选择子元素 /*ul的第一个子元素*/ ul li:first-child{ background: #03f39f; } /*ul的最后一个个子元素*/ ul li:last-child{ background: red; }2、定原创 2022-05-19 11:16:31 · 192 阅读 · 0 评论 -
CSS——层次选择器
文章目录1、后代选择器2、子选择器3、向下选择器4、通用选择器1、后代选择器在某个元素的后面/*后代选择器*/ body p{ background: #03f39f; }2、子选择器后面一个body>p{ background: red; }3、向下选择器向下一个/*向下选择器*/ .active + p { b原创 2022-05-18 17:03:54 · 305 阅读 · 0 评论 -
CSS——基本选择器
文章目录1、标签选择器2、类选择器3、Id选择器作用：选择页面上某一个或者某一类元素1、标签选择器标签选择器，会选择到页面上所有的这个标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*标签选择器，会选择到页面上所有的这个标签*/原创 2022-05-18 16:35:11 · 107 阅读 · 0 评论 -
CSS——三种导入方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--内部样式--> <style> h1{ color: blue; } </style> <!--外部样式-原创 2022-05-17 21:18:37 · 144 阅读 · 0 评论 -
CSS——快速入门
CSS的优势1、内容和表现分离2、网页结构表现统一3、样式十分的丰富4、建议使用独立于HTML的CSS文件5、利用SEO、容易被搜索引擎收录style<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--规范 <style> 可以编写c.原创 2022-05-17 21:01:23 · 105 阅读 · 0 评论