网页设计第三课HTML/CSS,加新浪微博设计 您所在的位置:网站首页 左刀行微博主页 网页设计第三课HTML/CSS,加新浪微博设计

网页设计第三课HTML/CSS,加新浪微博设计

2024-06-12 09:40| 来源: 网络整理| 查看: 265

新浪博客 .u{text-decoration: underline; } .red{color:red; } .blue{color:blue; } .green{color:green; } 新浪博客首页——新浪网 新浪网博客频道是全中国最主流,最具人气的博客频道。拥有最耀眼的娱乐明星博客,最知性的名人博客,最动人的情感博客,最自我的草根博客。 blog.sina.com.cn/2014-07-07-百度快照-评价

效果如下; 在这里插入图片描述

CSS复合选择器

书写CSS样式表时,可以使用CSS基础选择器选中目标元素。但是,在实际网站开发中,一个网页可能包含成千上万的元素,如果仅使用CSS基础选择器,不可能良好的组织页面样式。为此出现了复合选择器。

标签指定式选择器

又称交集选择器,由两个选择器构成。 写法:标记选择器+class选择器或id选择器(两个选择器之间无空格)

p{ color:blue; } .special{color:green; } p.special{color:red;} 后代选择器

后代选择器用来选择元素或元素组的后代。 写法:外层标记+空格+内层标记 注意:当标记发生嵌套时,内层标记就成了外层标记的后代。

p strong{ color:red;} strong{ color:blue;}

段落文本嵌套在段落中,使用strong标记定义的文本(红色)

嵌套之外由strong标记定义的文本(蓝色) 并集选择器

是各个选择器通过逗号链接而成的,任何形式的选择器(包括标记选择器,class选择器,id选择器等),都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同,或部分相同,就可以利用并集选择器为他们定义相同的CSS样式。

并集选择器 h2,h3,p{ color:red;front-size:14px;} h3,.special,#one{text-decoration:underline;}

段落文本嵌套在段落中,使用strong标记定义的文本(红色)

嵌套之外由strong标记定义的文本(蓝色) CSS层叠性和继承性 层叠性

是指多种CSS的叠加。

继承性

子标记会继承父标记的某些样式,如文本颜色和色号。

p,div,h1,h2{color:black;} body{color:black;}

并不是所有的CSS属性都可以继承。 例如:边框属性,外边距属性,内边距属性,背景属性,定位属性,布局属性,元素宽高属性。

CSS优先性

继承样式的权重为0

行内式优先

权重相同时,CSS遵循就近原则

CSS定义了一个!important命令,该命令被赋予了最大的优先级。也就是说不管权重如何以及样式位置的远近,!important都具有最大的优先级。 在这里插入图片描述 脑图如下; 在这里插入图片描述



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有