`
hideto
  • 浏览: 2677936 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

精通CSS+DIV:2,CSS基本语法

    博客分类:
  • CSS
阅读更多
一、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;
}
分享到:
评论

相关推荐

    《精通CSS+DIV网页样式与布局》光盘源码

     第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》是一本深入探讨Web前端布局技术的专著,主要聚焦于使用CSS(层叠样式表)和Div元素进行网页设计与布局。根据提供的章节信息,我们主要关注1、2、8和10章的内容。下面将详细阐述这些章节涵盖的关键...

    精通css+div网页样式与布局

    《精通CSS+DIV网页样式与布局》从零开始,细致介绍CSS的语法规则,透彻讲解CSS应用于各种网页元素的步骤和技巧深入剖析,CSS+DIV布局的思路和方法比较,IE和Firefox浏览器对CSS支持的不同效果,扩展CSS与JavaScript...

    精通CSS+DIV 网页样式与布局【PDF】

    《精通CSS+DIV网页样式与布局》从零开始,细致介绍CSS的语法规则,透彻讲解CSS应用于各种网页元素的步骤和技巧深入剖析,CSS+DIV布局的思路和方法比较,IE和Firefox浏览器对CSS支持的不同效果,扩展CSS与JavaScript,Ajax,...

    精通css+div书中实例

    《精通CSS+Div》是一本深入探讨网页设计技术的专业书籍,尤其关注如何使用CSS(层叠样式表)和Div(布局容器)来构建美观、高效且响应式的网站。CSS是网页设计的核心,它允许我们将样式与内容分离,使得网页的布局和...

    《精通CSS+DIV网页样式与布局》ppt文件

    《精通CSS+DIV网页样式与布局》是一门深入解析CSS技术及其在网页设计中应用的课程。本课程主要分为三个部分,旨在帮助学习者全面掌握CSS的核心概念和实用技巧,从而实现网页的精美布局和高效设计。 第一课:初探CSS...

    精通CSS+DIV网页样式与布局全集

    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+DIV样式和布局详细源码

     本书系统地讲解了CSS层迭样式表的基础理论和实际运用技术,通过大量实例对CSS进行深入浅出的分析,主要包括CSS的基本语法和概念,设置文字、图片、背景、表格、表单和菜单等网页元素的方法,以及CSS滤镜的使用。...

    精通CSS+DIV光盘文件

    1. CSS基础:了解CSS的基本语法,包括选择器、属性和值,以及如何将CSS应用到HTML元素上。 2. 盒模型:理解CSS盒模型的概念,包括边距、填充和边框,以及如何计算元素的实际大小。 3. 布局模式:学习流体布局、固定...

    css+div 经典问题

    本篇将深入探讨"css+div"的经典问题,同时也会提及到jQuery语法在实际应用中的作用。 一、CSS基础与布局技巧 1. CSS选择器:CSS的选择器是用于定位HTML或XML文档中元素的规则,如类选择器(.class)、ID选择器(#id...

    css+div 实例全程教学代码!

    7. **CSS预处理器**:如Sass、Less等,它们提供了更高级的语法,如变量、嵌套规则和混合等,使得CSS编写更加高效和模块化。 8. **CSS优化**:了解如何组织和编写高效的CSS,如避免使用!important、减少选择器的...

    精通CSS.DIV.网页样式与布局 源码

     第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(层叠样式表)和DIV(定义文档分区)的基本概念、语法以及在实际中的应用。这一章节通常会引导初学者逐步掌握如何使用CSS来控制网页的...

    精通css+div页面样式与布局

    总之,“精通css+div页面样式与布局”不仅涵盖了CSS的基本概念和技术,还强调了实际应用和问题解决能力的培养。通过深入学习,新手将能够独立设计出符合现代标准、用户体验优秀的网页。在压缩包文件“DIV+CSS完美...

    精通CSS+DIV网页样式与布局

     第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的基本语法和选择器,然后熟悉Div的使用方法,最后通过实际项目进行练习,不断探索和积累经验。同时,可以参考现有的开源模板库和设计框架,如Bootstrap、Foundation等,以提升...

    CSS+DIV详解网站好帮手

    《CSS+DIV详解网站好帮手》是一本深入解析CSS(层叠样式表)与DIV(定位元素)技术的专业书籍,对于网页设计和开发人员来说,无疑是一份宝贵的参考资料。CSS与DIV是构建现代网页布局的核心工具,它们的合理运用能够...

    精通CSS+DIV样式和布局源码

    9. CSS预处理器:Sass、Less等预处理器扩展了CSS语法,支持变量、嵌套规则、混合等,使代码更易于维护。 10. CSS性能优化:避免使用@import,减少重绘和回流,合理利用缓存,提高页面加载速度。 通过掌握以上CSS+...

    精通CSS+DIV源码 第十五章

    在本章“精通CSS+DIV源码”中,我们将深入探讨使用CSS(层叠样式表)和HTML的DIV元素来构建高效、响应式且可维护的网页布局的关键概念和技术。CSS与HTML的协同工作是现代网页设计的核心,而熟练掌握CSS和DIV的应用是...

Global site tag (gtag.js) - Google Analytics