引入css
-
内联：直接在标签内写
style="css属性名: 属性值;" <p style="color: red;"> -
添加
<style></style>标签，通常在<head>里，结合选择器给定属性<head> <style> /*标签添加，选择器和属性*/ p{ color: red; } </style> </head> -
外联：把css单独放在一个文件里
xxx.css，通过<link>来加载这个文件，通常放在<head>里<head> <link rel="stylesheet" href="css文件地址"> </head> -
css文件中引入另一个css文件，放在第一行就可以，不常用
@import url(另一个css地址)
关于 ul 列表
-
ul 列表横排
/*每个li添加float属性*/ li{ float: left; }/*添加浮动，会使之后的html标签上移*/ /*在父辈（ul）添加类*/ .clearfix::after{ content: ""; display: block; clear: both; } /*可以使元素重新归位*/ -
去掉项目符号
ul{ list-style: none; } -
取消
ul自带margin和paddingul{ margin: 0; padding: 0; }
css选择器
-
所有元素
*{ color: red; } -
id选择器#xxx{ color: red; } -
类（
class）选择器.xxx{ color: red; }/*修改同时拥有 classname1 classname2 的元素下面的 xxx元素 的 css状态*/ .classname1.classname2 > XXX{ color: red; } -
后代元素
/*xxx下面的yyy*/ xxx yyy{ color: red; } -
强制要求子元素
/*xxx下面的yyy，且yyy必须是xxx的子元素*/ xxx > yyy{ color: red; } -
伪类选择器
/*该选择器选择特定序号的元素*/ /*你要选的标签*/:nth-child(xxx){ color: red; } xxx: even 选择偶数序号 odd 选择奇数序号 各式各类的函数 :nth-child(1)= :first-child -
组合
-
id='keyboard'的元素的子元素<div>下的子元素<kbd>被悬浮时，<kbd>下的子元素<button>颜色变为红色。#keyboard > div > kbd:hover > button{ color: red; }
-
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。