css one

时间 2019-11-13

标签 css 栏目 CSS 繁體版

原文原文链接

css样式：

1 内嵌书写在style后面的“”里，若有多条样式代码则用分号隔开如 <p style="cloor:red";font-size: 13px";>红色文字十三号字体css

2 内联书写方式（得在<head>标记中）字体

格式 <style>spa

p{it

background-color:skyblueast

}class

</style>循环

3 外联书写方式于内联一的样得在<head>标记中样式

格式 <link rel="styleheet" heef=" 要使用的css路径">伪元素

选择器：vi

元素选择器（标签选择器）如 p标签 a标签 li标签 ul标签等

font-size:20px;

}

id选择器 (此处box1是元素值)

#box1{

..............

}

class选择器(l类选择器)

.box1{

...............

}

属性选择器

若是但愿选择有某个属性的元素，而不论属性值是什么，能够使用简单属性选择器

把包含标题（title）的全部元素变为红色

*[title] {color:red;}

例如，为了将同时有 href 和 title 属性的 HTML 超连接的文本设置为红色，能够这样写：

a[href][title]{

color:red;

}

伪元素选择器

：first-line{ } 第一行

：first-letter{ } 第一列

:before{ } 在xx以前

:after{ } 在xx以后

伪类选择器

：link{ } 未被访问

:visited{ } 访问之后

:hover{ } 当鼠标悬停

:active{ } 点击时

伪类选择器

：nth-child( 数字 ) 同类兄弟中顺数第个

：nth-last-child( 数字 ) 同类兄弟中倒数第个

：first-child{ } 同类兄弟中第一个

:last-child{ } 同类兄弟中最后一个

：nth-child(odd){ } 同类兄弟中的奇数项

：nth-child(even){ } 同类兄弟中偶数项

：nth-child(数字n+数字){ } 同类兄弟中每 x 个循环

通配符(经常使用语于页面前)

................

}

并集选择器(不限元素)

如

h1,h2,...h6{

...................

}

后代选择器（被选中级的子级也会被选上）

如P span{

..........

}

子级选择器（只会选中第一子级）

如 ul > li{

......................

}