标签：strong import pre hid Fix color 内联 属性选择器 ext
/*CSS 级联样式表*/
/*选择器类型*/
/*标记选择器，直接使用HTML标记名称作为选择器，它定义的样式作用于所有与选择器同名的标记*/
p{
background-color: cadetblue;
font-size: 20px;
color: green;
}
/*类选择器，任何HTML标记中都可以使用class属性，选择多个类要间隔空格class="c1 c2"*/
.c1{
color: brown;
}
/*联合选择器*/
p.c2{
background-color: blue;
}
/*id选择器,只有页面上的标记<body>及其内的标记里才能具有id属性，每个id属性值必须唯一，且只能用于一个指定的标记，
id属性的取值必须以字母开头，有字母，数字，下画线，连字符组成。
class比id更灵活，除非想唯 一标识用id
*/
#right{
color: blueviolet;
}
/*伪类选择器 用法为 标记：伪类名{...}*/
a:link{color: blue;} /*链接未被访问前的样式*/
a:visited{color: blueviolet;} /*链接被访问后的样式*/
a:hover{color: brown;} /*鼠标悬停时的样式*/
a:active{color: burlywood;} /*在被用户激活时（在鼠标点击与释放之间）的样式*/
/*设置顺序不能变，否则失效（未测试）*/
/*
first-letter 作用于块，设置第一个字符的样式
first-line 作业于块，设置第一行的样式
first-child 设置第一个子标签的样式
*/
/*属性选择器 给带有指定属性的HTML标记设置样式*/
/* [属性名]{属性 ：属性值} */
[title] {color:red;}
/* [属性名="属性值"] {} */
p[name="chu"]{font-style: initial;}
/*
[attribute~=value] 用于选取属性值中包含指定词汇的标记 （用空格隔开的字词列表）
[attribute|=value] 用于选取带有指定值开头的属性值的标记 （属性值是value或者是以value开头的值）
[attribute^=value] 匹配属性值以指定值开头的每个标记
[attribute&=value] 匹配属性值以指定值结尾的每个标记
[attribute*=value] 匹配属性值中包含指定值的每个标记
*/
/*选择器声明*/
/* 集体声明 */
h1,h2,p{color: khaki;}
h2.special,.special,#one{text-decoration: khaki;}
/* 全局声明 */
*{color:purple;}
/* 派生选择器 */
li strong {font-style: italic;font-weight: normal}
strong{font-weight: bolder;}
/*上面的例子 只有ol中的strong元素中的样式为斜体*/
/*CSS定义与引用*/
/*内联样式表（行内样式表） 避免使用
<标记 style="属性：属性值;">
*/
/*内部样式表
<style type="text/css">
选择器 {}
</style>
*/
/*外部样式表
1.<link type="text/css" rel="stylesheet" href="url">
2.<style type="text/css">
@import url{""};
选择器 {}
</style>
*/
/*CSS优先级
行内样式 > id样式 > class样式 > 标记样式
*/
div{position:absolute; width: 200px; height: 200px; color: white;}
#d1{background-color: purple; z-index: 0;}
#d2{background-color: rebeccapurple; top:25px; left:50px; z-index: 1;}
#d3{background-color: rosybrown; top:50px; left:100px; z-index: 2;}
/*
position: 定义图层的定位方式
static 静态定位，默认
absolute 绝对定位
relative 相对定位，图层不可重叠
fixed 图层位置固定，不滚动
border: 边框
background-color:
left,top: 定义图层的左上角位置
width,height:
float: 设置图层的浮动方式
left/right/none
clear: 清除图层内浮动
left/right/both/none
z-index: 设置图层的层叠上下层关系，值越大，图层位置越高
overflow: 内容溢出控制
visible 始终显示滚动条
auto 不显示滚动条，但超出部分可见，内容超出时显示滚动条
hidden 超出时隐藏内容
*/
标签：strong import pre hid Fix color 内联 属性选择器 ext
原文地址：https://www.cnblogs.com/astonc/p/11670610.html
