一、CSS选择器
1,标记选择器
h1 {
color: red;
font-size: 25px;
}
2,class选择器
.one {
color: green;
font-size: 20px;
}
其中对于一个div使用多个class时(class="one two"),在css文件中定义靠后的class中的同名属性(比如class1和class2
都定义了color属性)会覆盖靠前的class中的同名属性
3,ID选择器
#one {
font-weight: bold;
}
同一HTML标记只能使用一个id
二、选择器声明
1,集体声明
.special, h2.special, #one {
color: purple;
font-size: 15px;
}
2,全局声明
* {
color: purple;
font-size: 15px;
}
3,选择器嵌套
p b {
color: maroon;
text-decoration: underline;
}
三、CSS继承
.li1 {
color: blue;
font-size: 15px;
}
.li1 ol li {
font-weight: bold;
text-decoration: underline;
}
分享到:
相关推荐
第2章 CSS的基本语法 2.1 CSS选择器 2.2 选择器声明 2.3 CSS的继承 第3章 用CSS设置丰富的文字效果 3.1 CSS文字样式 3.2 文字实例一:模拟Google公司Logo 3.3 文字实例二:制作页面...
《精通CSS+Div》是一本深入探讨Web前端布局技术的专著,主要聚焦于使用CSS(层叠样式表)和Div元素进行网页设计与布局。根据提供的章节信息,我们主要关注1、2、8和10章的内容。下面将详细阐述这些章节涵盖的关键...
《精通CSS+DIV网页样式与布局》从零开始,细致介绍CSS的语法规则,透彻讲解CSS应用于各种网页元素的步骤和技巧深入剖析,CSS+DIV布局的思路和方法比较,IE和Firefox浏览器对CSS支持的不同效果,扩展CSS与JavaScript...
《精通CSS+DIV网页样式与布局》从零开始,细致介绍CSS的语法规则,透彻讲解CSS应用于各种网页元素的步骤和技巧深入剖析,CSS+DIV布局的思路和方法比较,IE和Firefox浏览器对CSS支持的不同效果,扩展CSS与JavaScript,Ajax,...
《精通CSS+Div》是一本深入探讨网页设计技术的专业书籍,尤其关注如何使用CSS(层叠样式表)和Div(布局容器)来构建美观、高效且响应式的网站。CSS是网页设计的核心,它允许我们将样式与内容分离,使得网页的布局和...
《精通CSS+DIV网页样式与布局》是一门深入解析CSS技术及其在网页设计中应用的课程。本课程主要分为三个部分,旨在帮助学习者全面掌握CSS的核心概念和实用技巧,从而实现网页的精美布局和高效设计。 第一课:初探CSS...
1.2.3 链接式 1.2.4 导入样式 1.2.5 各种方式的优先级问题 1.3 体验CSS 1.3.1 从零开始 1.3.2 加入CSS控制 1.3.3 控制图片 1.3.4 CSS的注释 第2章 CSS的基本语法 2.1 CSS选择器 2.1.1 标记选择...
本书系统地讲解了CSS层迭样式表的基础理论和实际运用技术,通过大量实例对CSS进行深入浅出的分析,主要包括CSS的基本语法和概念,设置文字、图片、背景、表格、表单和菜单等网页元素的方法,以及CSS滤镜的使用。...
1. CSS基础:了解CSS的基本语法,包括选择器、属性和值,以及如何将CSS应用到HTML元素上。 2. 盒模型:理解CSS盒模型的概念,包括边距、填充和边框,以及如何计算元素的实际大小。 3. 布局模式:学习流体布局、固定...
本篇将深入探讨"css+div"的经典问题,同时也会提及到jQuery语法在实际应用中的作用。 一、CSS基础与布局技巧 1. CSS选择器:CSS的选择器是用于定位HTML或XML文档中元素的规则,如类选择器(.class)、ID选择器(#id...
7. **CSS预处理器**:如Sass、Less等,它们提供了更高级的语法,如变量、嵌套规则和混合等,使得CSS编写更加高效和模块化。 8. **CSS优化**:了解如何组织和编写高效的CSS,如避免使用!important、减少选择器的...
第2章 CSS的基本语法 2.1 CSS选择器 2.2 选择器声明 2.3 CSS的继承 第3章 用CSS设置丰富的文字效果 3.1 CSS文字样式 3.2 文字实例一:模拟Google公司Logo 3.3 文字实例二:...
《精通CSS+DIV源码 第一章》是深入学习网页布局技术的重要篇章,主要涵盖了CSS(层叠样式表)和DIV(定义文档分区)的基本概念、语法以及在实际中的应用。这一章节通常会引导初学者逐步掌握如何使用CSS来控制网页的...
总之,“精通css+div页面样式与布局”不仅涵盖了CSS的基本概念和技术,还强调了实际应用和问题解决能力的培养。通过深入学习,新手将能够独立设计出符合现代标准、用户体验优秀的网页。在压缩包文件“DIV+CSS完美...
第2章 CSS的基本语法 2.1 CSS选择器 2.2 选择器声明 2.3 CSS的继承 第3章 用CSS设置丰富的文字效果 3.1 CSS文字样式 3.2 文字实例一:模拟Google公司Logo 3.3 文字实例二:制作页面...
学习CSS+Div模板技术,首先需要掌握CSS的基本语法和选择器,然后熟悉Div的使用方法,最后通过实际项目进行练习,不断探索和积累经验。同时,可以参考现有的开源模板库和设计框架,如Bootstrap、Foundation等,以提升...
《CSS+DIV详解网站好帮手》是一本深入解析CSS(层叠样式表)与DIV(定位元素)技术的专业书籍,对于网页设计和开发人员来说,无疑是一份宝贵的参考资料。CSS与DIV是构建现代网页布局的核心工具,它们的合理运用能够...
9. CSS预处理器:Sass、Less等预处理器扩展了CSS语法,支持变量、嵌套规则、混合等,使代码更易于维护。 10. CSS性能优化:避免使用@import,减少重绘和回流,合理利用缓存,提高页面加载速度。 通过掌握以上CSS+...
在本章“精通CSS+DIV源码”中,我们将深入探讨使用CSS(层叠样式表)和HTML的DIV元素来构建高效、响应式且可维护的网页布局的关键概念和技术。CSS与HTML的协同工作是现代网页设计的核心,而熟练掌握CSS和DIV的应用是...