03 2022 档案
摘要：渐变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 径向渐变，圆形渐变--> <style> body{ background-color: #FFE53B; back
阅读全文
摘要：背景 背景颜色 背景图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 1000px; height:700px; border: 1px
阅读全文
摘要：列表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表样式</title> <link href="css/style.css" rel="stylesheet" type="text/css"/> </
阅读全文
摘要：阴影 /*text-shadow: 阴影颜色，水平偏移，垂直偏移，阴影半径*/ #price{ text-shadow: aquamarine 10px 10px 2px; } 超链接伪类 正常情况下，a，a:hover <!DOCTYPE html> <html lang="en"> <head>
阅读全文
摘要：文本样式 1、颜色 color rgb rgba 2、文本对齐的方式 text-align: center 3、首行缩进 text-indent: 2em 4、行高 line-height 单行文字上下居中 line-height = height 5、装饰 text-decoration 6、文本
阅读全文
摘要：字体样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- font-family:字体 font-size：字体大小 font-weight:字体粗细 color：字体颜
阅读全文
摘要：为什么要美化网页 1、有效的传递页面信息 2、美化网页，页面漂亮才能吸引用户 3、凸显页面的主题 4、提高用户的体验 span标签：重点要突出的字，使用span套起来 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
阅读全文
摘要：属性选择器(常用) id+class结合~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .demo a{ float: left; display: block
阅读全文
摘要：结构伪类选择器 伪类： p：条件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--避免使用，class，id选择器--> <style> /*ul的第一个子元素*/ ul
阅读全文
摘要：层次选择器 1、后代选择器：在某个元素的后面 祖爷爷 爷爷 爸爸 你 /*后代选择器*/ body p{ background: lightpink; } 2、子选择器 一代，儿子 /*子选择器*/ body>p{ background: cornflowerblue; } 3、相邻兄弟选择器 同辈
阅读全文
摘要：选择器 作用：选择页面上的某一个或者某一类元素 基本选择器 1、标签选择器：选择一类标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*标签选择,会选择到页面
阅读全文
摘要：css的3种导入方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> h1{ color: lightpink; } </style> <!--外部样式--> <l
阅读全文
摘要：1、什么是css 如何学习 CSS是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) 美化网页(文字，阴影，超链接，列表，渐变...) 盒子模型 浮动 定位 网页东西(特写) 1.1、什么是CSS Cascading Style Sheer 层叠级联样式表 CSS：表现(美化网页) 字体，
阅读全文
