随笔分类 -  CSS

摘要:属性选择器(常用) id+class结合~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .demo a{ float: left; display: block 阅读全文
posted @ 2022-03-01 00:26 少时凌云志 阅读(52) 评论(0) 推荐(0)
摘要:结构伪类选择器 伪类: p:条件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--避免使用,class,id选择器--> <style> /*ul的第一个子元素*/ ul 阅读全文
posted @ 2022-03-01 00:24 少时凌云志 阅读(30) 评论(0) 推荐(0)
摘要:层次选择器 1、后代选择器:在某个元素的后面 祖爷爷 爷爷 爸爸 你 /*后代选择器*/ body p{ background: lightpink; } 2、子选择器 一代,儿子 /*子选择器*/ body>p{ background: cornflowerblue; } 3、相邻兄弟选择器 同辈 阅读全文
posted @ 2022-03-01 00:23 少时凌云志 阅读(47) 评论(0) 推荐(0)
摘要:选择器 作用:选择页面上的某一个或者某一类元素 基本选择器 1、标签选择器:选择一类标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*标签选择,会选择到页面 阅读全文
posted @ 2022-03-01 00:17 少时凌云志 阅读(104) 评论(0) 推荐(0)
摘要:css的3种导入方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> h1{ color: lightpink; } </style> <!--外部样式--> <l 阅读全文
posted @ 2022-03-01 00:13 少时凌云志 阅读(115) 评论(0) 推荐(0)
摘要:1、什么是css 如何学习 CSS是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) 美化网页(文字,阴影,超链接,列表,渐变...) 盒子模型 浮动 定位 网页东西(特写) 1.1、什么是CSS Cascading Style Sheer 层叠级联样式表 CSS:表现(美化网页) 字体, 阅读全文
posted @ 2022-03-01 00:11 少时凌云志 阅读(91) 评论(0) 推荐(0)