2017年3月28日

28-优先级之权重问题

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>28-优先级之权重问题</title> <style> /* #identity1 .box2{ color: red; } .box1 .box2{ color: 阅读全文

posted @ 2017-03-28 08:55 时间断了 阅读(147) 评论(0) 推荐(0)

27-优先级之important

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>27-优先级之important</title> <style> #identity{ color: purple; font-size: 50px; } .par 阅读全文

posted @ 2017-03-28 08:54 时间断了 阅读(146) 评论(0) 推荐(0)

25-CSS三大特性之层叠性

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>25-CSS三大特性之层叠性</title> <style> p{ color: red; } .para{ color: blue; } </style></he 阅读全文

posted @ 2017-03-28 08:53 时间断了 阅读(130) 评论(0) 推荐(0)

26-CSS三大特性之优先级

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>26-CSS三大特性之优先级</title> <style> /* li{ color: blue; } ul{ color: red; } */ /* p{ co 阅读全文

posted @ 2017-03-28 08:53 时间断了 阅读(137) 评论(0) 推荐(0)

22-通配符选择器

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>22-通配符选择器</title> <style> /* .cc{ color: red; } */ *{ color: red; } </style></head 阅读全文

posted @ 2017-03-28 08:52 时间断了 阅读(135) 评论(0) 推荐(0)

CSS三大特性之继承性

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>24-CSS三大特性之继承性</title> <style> div{ color: red; text-decoration: none; font-size: 阅读全文

posted @ 2017-03-28 08:52 时间断了 阅读(130) 评论(0) 推荐(0)

21-属性选择器下

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>21-属性选择器下</title> <style> /* img[alt^=abc]{ color: red; } */ /* img[alt|=abc]{ col 阅读全文

posted @ 2017-03-28 08:51 时间断了 阅读(105) 评论(0) 推荐(0)

20-属性选择器上

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>20-属性选择器上</title> <style> /* p[id]{ color: red; } */ p[class=cc]{ color: blue; } < 阅读全文

posted @ 2017-03-28 08:50 时间断了 阅读(86) 评论(0) 推荐(0)

18-序选择器

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>18-序选择器</title> <style> /* p:first-child{ color: red; } */ /* p:first-of-type{ col 阅读全文

posted @ 2017-03-28 08:48 时间断了 阅读(102) 评论(0) 推荐(0)

17-兄弟选择器

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>17-兄弟选择器</title> <style> /* h1+p{ color: red; } */ h1~p{ color: green; } </style>< 阅读全文

posted @ 2017-03-28 08:47 时间断了 阅读(95) 评论(0) 推荐(0)

16-并集选择器

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>16-并集选择器</title> <style> /* .ht{ color: red; } .para{ color: red; } */ .ht,.para{ 阅读全文

posted @ 2017-03-28 08:41 时间断了 阅读(354) 评论(0) 推荐(0)

15-交集选择器

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>15-交集选择器</title> <style> /* p.para1{ color: red; } */ .para1#identity{ color: blue 阅读全文

posted @ 2017-03-28 08:40 时间断了 阅读(179) 评论(0) 推荐(0)

14-后代选择器和子元素选择器

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>14-后代选择器和子元素选择器</title></head><body><!--1.后代选择器和子元素选择器之间的区别?1.1后代选择器使用空格作为连接符号子元素选 阅读全文

posted @ 2017-03-28 08:39 时间断了 阅读(110) 评论(0) 推荐(0)

子代元素选择器

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>13-子元素选择器</title> <style> /* div>p{ color: red; } */ /* #identity>p{ color: blue; 阅读全文

posted @ 2017-03-28 08:38 时间断了 阅读(123) 评论(0) 推荐(0)

11-id选择器和class选择器

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>11-id选择器和class选择器</title> <style> /* .para1{ color: red; font-size: 30px; } .para2 阅读全文

posted @ 2017-03-28 08:37 时间断了 阅读(159) 评论(0) 推荐(0)

后代选择器

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>12-后代选择器</title> <style> /* div p{ color: red; } */ /* #identity p{ color: red; } 阅读全文

posted @ 2017-03-28 08:37 时间断了 阅读(110) 评论(0) 推荐(0)

类选择器

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>10-类选择器</title> <style> .pp{ color: red; } .ppp{ color: green; } .pppp{ color: blu 阅读全文

posted @ 2017-03-28 08:36 时间断了 阅读(151) 评论(0) 推荐(0)

Id选择器

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>09-id选择器</title> <style> #identity1{ color: red; } #identity2{ color: green; } #id 阅读全文

posted @ 2017-03-28 08:27 时间断了 阅读(131) 评论(0) 推荐(0)

标签选择器

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>08-标签选择器</title> <style> p{ color: red; } h1{ color: blue; } </style></head><body> 阅读全文

posted @ 2017-03-28 08:26 时间断了 阅读(92) 评论(0) 推荐(0)

文本 属性

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>07-颜色属性</title> <style> p{ /*color: red;*/ /*color: rgb(255,0,0);*/ /*color: rgba( 阅读全文

posted @ 2017-03-28 08:26 时间断了 阅读(106) 评论(0) 推荐(0)

文本属性

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>06-文本属性</title> <style> p{ text-decoration: none; text-align: left; text-indent: 2 阅读全文

posted @ 2017-03-28 08:25 时间断了 阅读(114) 评论(0) 推荐(0)

文字属性的缩写

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>05-文字属性的缩写</title> <style> p{ /* font-style: italic; font-weight: bold; font-size: 阅读全文

posted @ 2017-03-28 08:25 时间断了 阅读(671) 评论(0) 推荐(0)

字体属性补充

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>04-字体属性补充</title> <style> p{ /* 被注释掉的内容 */ /*font-family:"乱七八糟的字体", "微软雅黑";*/ /*fo 阅读全文

posted @ 2017-03-28 08:24 时间断了 阅读(124) 评论(0) 推荐(0)

文字属性

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>03-文字属性</title> <style> p{ font-style: italic; font-weight: bold; font-size: 10px; 阅读全文

posted @ 2017-03-28 08:23 时间断了 阅读(191) 评论(0) 推荐(0)

CSS 格式

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02-CSS的格式</title> <style type="text/css"> p{ text-align: center; color: red; } </s 阅读全文

posted @ 2017-03-28 08:12 时间断了 阅读(190) 评论(0) 推荐(0)

CSS

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01-体验CSS</title> <style type="text/css"> h1{ text-align: center; color: red; font- 阅读全文

posted @ 2017-03-28 08:07 时间断了 阅读(88) 评论(0) 推荐(0)

基础

摘要: 阅读全文

posted @ 2017-03-28 08:00 时间断了 阅读(63) 评论(0) 推荐(0)

导航