博主信息

博文 6

粉丝 0

访问量 7170

专题推荐

更多>

文档插入样式表的三种办法

内部样式表：在head中使用<style></style>标签。

<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-color:pink;}
</style>
</head>

行内样式（在行内使用style属性，针对当前元素进行样式定义）
-语法格式：<p style="color:pink;font-size:20>value</p>

CSS模块化编程

-语法格式：@import url(value)

类选择器，返回一组,

li[class="name"]{
 background-color:pink;
}

可简化为

.name{
 backgorund-color:pink
}

常规写法：

ul li:nth-of-type(0n+5){
    color:red;
}

简化写法：

ul li:nth-of-type(5){
    color:red;
}

选择所有元素的写法（使用伪类选择器,如果带上偏移量，效果大有不同）

ul li:nth-of-type(1n){
    color:red;
}

带有偏移量的用法

ul li:nth-of-type(1n+3){
    color:red;
}

带有偏移量的简化写法

ul li:nth-of-type(n+3){
    color:red;
}

9.结构伪类-反向匹配任意伪类的元素，使用方法
语法结构:nth-last-of-type(an+b)（an为起点，b为偏移量，n从0开始取值）

ul li:nth-last-of-type(-n+3){
    color:red;
}

10.结构伪类，选择所有索引为偶|奇数的子元素
偶数行：even;奇数行，odd

ul li:nth-of-type(even){
    color:red;
}

ul li:nth-of-type(odd){
    color:red;
}

11.结构伪类，选择第一个元素 :frist-of-type
选择最后一个 :last-of-type

$.ajax() 后期学习

12.如果只想匹配父元素里唯一子元素，使用 only-of-type实现

批改老师：

天蓬老师

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文