css
关注
分享
扫一扫
文章平均质量分 67
惹 尘
社畜
展开
-
CSS笔记12：css三大特性
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style> /* 层叠性 */ /* 1.样式冲突 比如俩个color 遵循的是就近原则，哪个样式离结构近，就选那个，这边选pink颜色 */ /* 样式不冲突,就不会层叠 */ div { color: red;原创 2020-11-26 15:13:19 · 205 阅读 · 0 评论 -
CSS笔记11：综合案例 五彩导航
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style> .nav a { display: inline-block; /* 行内元素->行内块元素（可以设置宽度高度，还可以在一行） */ width: 120px; height: 58px; b原创 2020-11-26 09:12:51 · 1594 阅读 · 0 评论 -
CSS笔记10：css的背景——1.背景颜色 2.背景图片 3.背景平铺 4.背景图片位置 5.背景图像固定
1.背景颜色 2.背景图片 3.背景平铺 4.背景图片位置 5.背景图像固定<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css背景</title> </head> <style> /* 1.背景颜色-默认透明色 */ .box { width: 200px; height: 200px; /*.原创 2020-11-19 16:08:38 · 302 阅读 · 0 评论 -
CSS笔记9：小米侧边栏案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>小米侧边栏案例</title> </head> <style> a { /* 1.把a转换成块级元素 */ display: block; width: 230px; height: 40px; background-color: #666666;原创 2020-11-19 14:29:47 · 618 阅读 · 2 评论 -
CSS笔记8：元素的显示模式——行内元素/块级元素/行内块元素，以及相互转换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style> div { width: 100px; height: 100px; background-color: #FFC0CB; } </style> <body> <!--原创 2020-11-19 10:17:56 · 272 阅读 · 0 评论 -
CSS笔记7：css复合选择器
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>复合选择器</title> </head> <style> /* 1.后代选择器 */ /* 我想让ol里面的小li变成粉红色 */ ol li { /* 元素一必须是父级,元素二是子集 */ color: pink; } ol li a { .原创 2020-11-19 09:46:37 · 157 阅读 · 0 评论 -
CSS笔记6：emmet语法生成html标签和样式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- div*3--> <div></div> <div></div> <div></div> <!-- ul>.原创 2020-11-18 10:38:56 · 169 阅读 · 0 评论 -
CSS笔记5：css综合案例——新闻稿
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style> body { font: 16px/28px 'Microsoft YaHei'; } h1 { text-align: center; font-weight:400;/* 文字不加粗 */原创 2020-11-18 10:16:50 · 438 阅读 · 0 评论 -
CSS笔记4:css引入方式
原创 2020-11-18 09:35:48 · 111 阅读 · 0 评论 -
CSS笔记3：css文本属性
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css文本属性（文本颜色，对齐文本，装饰文本，文本缩进，行间距）</title> </head> <style> h1 { text-align: center;/* 还有left,right */ } div { text-decoration.原创 2020-11-18 09:26:01 · 116 阅读 · 0 评论 -
CSS笔记2:css字体属性
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css字体属性（字体，大小，粗细，文字样式）</title> </head> <style> h2 { /* font-family: 'Times New Roman', Times, serif;*/ font-family: 'Microsoft YaHei.原创 2020-11-17 15:22:54 · 178 阅读 · 0 评论 -
CSS笔记1：基础选择器
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>选择器</title> <!-- css选择器 --> <!-- 1.基础选择器 ————标签选择器，类选择器，id选择器，通配符选择器 2.复合选择器 --> </head> <style> /* 1.标签选择器 */ ..原创 2020-11-17 14:34:43 · 126 阅读 · 0 评论