美文网首页
样式叠加法

样式叠加法

作者: CowboyBebop | 来源:发表于2016-08-09 16:22 被阅读13次

当两个样式之和是你要的第三个样式的时候,你就没有必要在去书写第三个样式了,直接使用样式的交叉使用方法,这样可以省去你很多编写样式的时间。当class中间有空格:


D85060A1-4758-49D7-896F-9C72DF9D4A7F.png
代码
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
    .content {background-color:#F00;}
    .bottom { font-size:30px;}
</style>
</head>
<body>
<div class="content">这里单独设置字体的颜色</div>
<br>
<div class="bottom">这里设置字体大小</div>
<br>
<div class="bottom content">设置字体的大小和背景颜色!</div>
</body>
</html>

相关文章

  • 样式叠加法

    当两个样式之和是你要的第三个样式的时候,你就没有必要在去书写第三个样式了,直接使用样式的交叉使用方法,这样可以省去...

  • CSS 之基础

    CSS --- Cascading Style Sheets 层叠样式表 Cascading 层叠: 一种样式叠...

  • Task 6

    CSS全称是什么? Cascading-Style-Sheets(层叠样式表) 层叠就是浏览器对多个样式来源进行叠...

  • 1.4.1css简介

    概念 cascading style sheet 成叠样式表主要定义页面中的表现 发展史 1996 css1,1...

  • 前端架构总结

    1 、Bootstrap框架 Bootstrap的前端开发框架是指叠样式表(css),java脚本及html的一系...

  • (1)1-层叠、优先级和继承

    1.1层叠 解决样式冲突的一系列规则。依靠三种条件:(1)样式表的来源(2)选择器的优先级(3)源码顺序 1.1....

  • day03

    今天学了什么 1.css列表样式 2.css边框 可以简写成 3.表格 3.1折叠边框 border-collap...

  • CSS的三大特性

    CSS有三个非常重要的三个特性:层叠性、继承性、优先级。 1.1层叠性 相同选择器给设置相同的样式,此时一个样式就...

  • Leetcode.371.Sum of Two Integers

    题目 不用加法计算加法。 思路 不使用加法就只能使用位运算。需要考虑负数的加法,减法和加法应该一样,采用取反加1的...

  • 四则运算归类(小学数学笔记分享)

    一.加法 1.加法:把两个数合并成一个数的运算叫作加法。 2.加法的形式:加数+加数=和 3.​加法的运算方法:交...

网友评论

      本文标题:样式叠加法

      本文链接:https://www.haomeiwen.com/subject/mfjdsttx.html