2021年5月7日
属性选择器（常用）
摘要： 属性选择器（常用） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--内部样式--> <style> .demo a { float: left; display: bloc 阅读全文
posted @ 2021-05-07 16:03 saxon宋 阅读(74) 评论(0) 推荐(0)
结构伪类选择器
摘要： 结构伪类选择器 伪类：条件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--内部样式--> <!--避免使用，class,id选择器--> <style> /*ul的第一个 阅读全文
posted @ 2021-05-07 15:08 saxon宋 阅读(80) 评论(0) 推荐(0)
层次选择器
摘要： 层次选择器 后代选择器：在某个元素后面 /*后代选择器*/ body p{ color: aqua; } 子选择器 body>h1{ color:chocolate; } 相邻兄弟选择器 /*相邻兄弟选择器：只有一个，相邻（向下）*/ .active + h2{ background: #c4fff 阅读全文
posted @ 2021-05-07 11:11 saxon宋 阅读(70) 评论(0) 推荐(0)
基本选择器
摘要： 基本选择器 1、标签选择器：选择一类标签 标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--内部样式--> <style> /*标签选择器，会选择到页面上所有的这个标签 阅读全文
posted @ 2021-05-07 10:43 saxon宋 阅读(86) 评论(0) 推荐(0)
CSS的3种导入方式
摘要： CSS的3种导入方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--内部样式--> <style> h1 { color: aqua; } </style> <!--外部 阅读全文
posted @ 2021-05-07 09:36 saxon宋 阅读(70) 评论(0) 推荐(0)
CSS快速入门
摘要： CSS快速入门 第一种方式：直接在head部分的style标签内写css代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--规范，<style>可以编写css的代码，每一 阅读全文
posted @ 2021-05-07 09:26 saxon宋 阅读(88) 评论(0) 推荐(0)