CSS
王2gou蛋
我很懒,没有添加简介
展开
-
css-盒子模型
什么是盒子模型 margin: 外边距 padding: 内边距 border: 边框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* body总有一个默认的外边距 margin,所以有需要就要先设置为0 */ /*body原创 2021-06-25 10:56:39 · 47 阅读 · 0 评论 -
css-背景图片和渐变
背景图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* 边框 border 1px粗细 solid样式 red颜色*/ div{ width: 1000px; height: 70原创 2021-06-20 14:31:18 · 65 阅读 · 0 评论 -
css-阴影和超链接伪类
阴影和超链接伪类 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* 默认的颜色 */ a{ text-decoration: none; /* 去掉下划线 */ color: #0原创 2021-06-18 14:28:35 · 58 阅读 · 0 评论 -
css-字体样式
字体样式 <!-- font-family: 字体 font-size: 字体大小 font-weight: 字体粗细 color: 字体颜色 --> <style> body{ font-family: "Arial Black", 楷体,serif; color: #cdbb21; } h1{原创 2021-06-17 18:13:52 · 74 阅读 · 0 评论 -
css-属性选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .demo a{ float: left; display: block; height: 50px; w原创 2021-06-15 18:41:11 · 63 阅读 · 0 评论 -
css-结构伪类选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* ul的第一个子元素 */ body ul li:first-child{ background: #12ec4e; } /*原创 2021-06-14 16:55:11 · 47 阅读 · 0 评论 -
css-层次选择器
一、后代选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* 后代选择器 */ body ul p{ background: red; } body p{原创 2021-06-14 16:36:27 · 50 阅读 · 0 评论 -
css-三种基本选择器
一、标签选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* 标签选择器,会选择到页面上所有的这个标签的元素 */ h1{ color: #12ec4e; background:原创 2021-06-13 22:30:21 · 106 阅读 · 0 评论 -
css-四种css导入方式
一、行内样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 行内样式:在标签元素中,编写一个style属性,编写样式即可 --> <h1 style="color: red">Hello, world</h1原创 2021-06-13 21:53:25 · 89 阅读 · 0 评论 -
css-第一个CSS
建议使用分离写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- <style>可以编写css的代码,每一个声明,最好使用分号结尾 语法: 选择器 { 声明1; 声明2; .原创 2021-06-10 18:27:39 · 203 阅读 · 0 评论