web前端培训:本期教程CSS 三大特性
CSS 有三个非常重要的三个特性:层叠性、继承性、优先级:
1. 层叠性
相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题。
层叠性原则:
样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式。
样式不冲突,不会层叠。
CSS 层叠性口诀:长江后浪推前浪,前浪死在沙滩上。
2.继承性
现实中的继承: 我们继承了父亲的姓
CSS中的继承: 子标签会继承父标签的某些样式,如文本颜色和字号。简单的理解就是:子承父业。
恰当地使用继承可以简化代码,降低 CSS 样式的复杂性
子元素可以继承父元素的样式(text-,font-,line-这些元素开头的可以继承,以及color属性)
继承性口诀:龙生龙,凤生凤,老鼠生的孩子会打洞。
行高的继承性
body {
font:12px/1.5 Microsoft YaHei;
}
注意:
行高可以跟单位也可以不跟单位
如果子元素没有设置行高,则会继承父元素的行高为 1.5
此时子元素的行高是:当前子元素的文字大小 * 1.5
body 行高 1.5 这样写法最大的优势就是里面子元素可以根据自己文字大小自动调整行高
3.优先级
优先级的选择器权重如下表所示。
优先级注意点:
1. 权重是有4组数字组成,但是不会有进位。
1. 可以理解为类选择器永远大于元素选择器, id选择器永远大于类选择器,以此类推..
2. 等级判断从左向右,如果某一位数值相同,则判断下一位数值。
3. 可以简单记忆法: 通配符和继承权重为0, 标签选择器为1,类(伪类)选择器为10, id选择器100, 行内样式表为1000, !important 无穷大.
4. 继承的权重是0,如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是0。
权重叠加:如果是复合选择器,则会有权重叠加,需要计算权重。
div ul li ------> 0,0,0,3 .nav ul li ------> 0,0,1,2
a:hover -----—> 0,0,1,1
.nav a ------> 0,0,1,1
相关文章:

如何在Terminal命令行模式下运行Objective-C
一般Objective-C的代码都在Xcode中调试,今天实验了下如何在命令行模式下运行,还是比较简单的,记录分享一下。 File: xxd.h #include <Foundation/Foundation.h> interface Xxd: NSObject { } - (void) xxdSayHelloTo: (NSString *)name…

人工智能时代,程序员要不要精通算法?
1.如何入门算法?需要学习哪些基础知识,请分享你的经验与建议。 入门算法其实很简单,拿生活中的很多现实问题来解决就可以了。比如商场打折问题(是打折划算还是满减划算),百钱买百鸡、猴子分桃、鸡兔同笼等有…

参考答案:03 向量空间
本篇图文为《线性代数及其应用》这本教材对应习题册的参考答案。 本章主要介绍向量空间的知识,与前两章一样本章也可以通过研究解线性方程组的解把所有知识点串联起来,比如研究齐次线性方程组的解可以得到线性相关、线性无关、零空间、解空间的基&#…

Java3大框架的学习都是什么
java是互联网行业的第一编程语言,相信大家都已经有了解了,事实也确实如此,java还是世界第一编程语言,在java培训学习的过程中,框架是程序员们必学的知识点,而且是十分重要的应用,Spring、Struts…

百万数据修改索引,百万数据修改主键
当百万数据时,如果修改主键,那么会自动重建索引,所以操作会非常慢,经常会超时,错误提示类似:超时时间已到。在操作完成之前超时时间已过或服务器未响应解决方案:不要采用手动添加主键或者索引&a…

参考答案:05 实对称矩阵与二次型
本篇图文为《线性代数及其应用》这本教材对应习题册的参考答案。 本章是特征值与特征向量知识的延续,根据谱定理可知实对称矩阵可以正交对角化,对角阵为其特征值,正交矩阵为其两两正交的单位特征向量。除此之外,还介绍了二次型&a…

会话保持之iRule脚本
拓扑 思路: Web上的请求,很大程度上需要在后端一台服务器上运行,而不能将请求1,与请求2分别在不同的真实机上。所以,就需要使用会话保持技术了。F5的会话保持有内置的,如简单会话保持,就是根据客户端ip地址而更新会话表…

pmp考试标准有哪些?
pmp认证在互联网行业近几年广受企业的关注,越来越多的职场人员都想参加pmp培训认证,那么pmp考试标准有哪些?学历标准又是怎样的?来看看下面详细的介绍吧。 pmp考试标准有哪些?首先报名参加PMP培训认证对文凭并没有规定,无论文凭好坏&#…

【经验】【ORACLE】从字符串中截取其中的数字
方法一:如果Oracle版本不是太低的话,使用 正则表达式函数 REGEXP_SUBSTR 处理。 REGEXP_SUBSTR有5个参数,分别是: 第一个是输入的字符串 第二个是正则表达式 第三个是标识从第几个字符开始正则表达式匹配。(默认为1&am…

为什么结构主机和全局编录服务器不能放在同一个域控制器上?
”注意:结构主机 (IM) 角色应由非全局编录 (GC) 服务器的域控制器担任。如果结构主机在全局编录服务器上运行,它将会停止更新对象信息,原因是它只包含对它所拥有的对象的引用。“我有个疑问:在装域控制的时候,第一个装…

题目 1083:【蓝桥杯】【入门题】Hello, world!
题目 1083:Hello, world! 蓝桥杯刷题群已成立,微信后台回复【蓝桥杯】,即可进入。 如果加入了之前的社群不需要重复加入。 时间限制: 1Sec 内存限制: 64MB 1. 题目描述 这是要测试的第一个问题。由于我们都知道ASCII码,因此您的…

软件测试培训教程:pytest与unittest区别
在软件测试培训教程中,会讲到关于pytest与unittest区别,那么本期教程小编就为大家详细的介绍一下pytest与unittest区别有哪些? pytest与unittest区别: 一、用例编写规则 1.unittest提供了testcases、testsuites、testfixtures、testrunner相…

NA-NP-IE系列实验36:扩展ACL
实验36:扩展ACL1.实验目的 通过本实验可以掌握:(1)定义扩展ACL(2)应用扩展ACL(3)扩展ACL 调试2.拓扑结构 实验拓扑如图所示。3.实验步骤 注:本实验要求不允许1.1.1.1 所在…

题目 1470:【蓝桥杯】【入门题】【基础练习VIP】时间转换
题目 1470:时间转换 蓝桥杯刷题群已成立,微信后台回复【蓝桥杯】,即可进入。 如果加入了之前的社群不需要重复加入。 时间限制: 1Sec 内存限制: 128MB 1. 题目描述 给定一个以秒为单位的时间t,要求用 “< H> :< M> …

Android如何防止apk程序被反编译
作为Android应用开发者,不得不面对一个尴尬的局面,就是自己辛辛苦苦开发的应用可以被别人很轻易的就反编译出来。Google似乎也发现了这个问题,从SDK2.3开始我们可以看到在android-sdk-windows\tools\下面多了一个proguard文件夹 proguard是一…

java培训:什么是抽象类?怎么定义?
什么是抽象类?怎么定义?这是属于java技术里面的一个知识点,本期教程就是围绕这个问题做的相关介绍,当定义一个类时,常常需要定义一些成员方法描述类的行为特征,但有时这些方法的实现方式是无法确定的。例如,在定义An…

题目 1093:【蓝桥杯】【入门题】字符逆序
题目 1093:字符逆序 蓝桥杯刷题群已成立,微信后台回复【蓝桥杯】,即可进入。 如果加入了之前的社群不需要重复加入。 时间限制: 1Sec 内存限制: 64MB 1. 题目描述 将一个字符串str的内容颠倒过来,并输出。str的长度不超过100个字…

一款腾讯UED设计的提示插件(使用教程)
这是一款腾讯UED设计的提示插件,看着肯定很眼熟吧,闲话不多说,直接上demo吧。 显示 ZENG.msgbox.show(提示信息,图标类型);隐藏: ZENG.msgbox._hide();几秒后自动隐藏: ZENG.msgbox.show(提示信息,图标类型,显示时长);…

互联网企业的移动布局
转载于:https://www.cnblogs.com/deve/archive/2012/06/13/2568988.html

女生学软件测试有哪些优势
对于软件测试这个岗位,相信大家都有听说过,最近几年,越来越多的女性加入到互联网技术行业,选择最多的岗位就是软件测试,那么到底女生学软件测试有哪些优势呢?来看看下面的详细介绍。 女生学软件测试有哪些优势?首先咱…

常见http状态码说明(转)
首先要先了解下什么是HTTP状态码:HTTP状态码(HTTP Status Code)是用以表示网页服务器HTTP响应状态的3位数字代码。每当客户端向Web服务器发送一个HTTP请求时,服务器都会返回一个响应代码。而这些响应代码主要分成五类:…

题目 1471:【蓝桥杯】【入门题】【基础练习VIP】矩形面积交
题目 1471:矩形面积交 蓝桥杯刷题群已成立,微信后台回复【蓝桥杯】,即可进入。 如果加入了之前的社群不需要重复加入。 时间限制: 1Sec 内存限制: 128MB 1. 题目描述 平面上有两个矩形,它们的边平行于直角坐标系的X轴或Y轴。对于…

Windows Server 2012关闭Server Manager开机自启动
最近将办公系统改为了Windows Server 2012使用起来个人感觉比较方便,且对服务器管理也变得更加方便,但是用做办公我又不喜欢Server Manager每次开机都启动,当然如果是生产用的服务器还是应该开启的,这样可以在这里直观看到当前服务…

学javascript有哪些开发工具
学习web前端技术,辅助工具是在学习过程中必须要用到的,包括后面的工作中,辅助工具可以更快的提高我们的工作效率,下面小编就为大家整理了学javascript需要用到的开发工具。 学javascript有哪些开发工具: 1.HBuilder HB…

python冒泡排序与常用数学计算
一 、冒泡排序: 冒泡排序: 属于交换排序; 两两比较大小,交换位置,如同水泡大的往上(右)跑; n个数从左至右编号从0到n-1,索引0和1比较,如果索引0大,则交换两者位置; 如果索引1大则不用交换继续比较索引1和2的值,将大值放在右侧,直到n-2和n-1 比较完,第一轮比较完成,第二轮从索引…

题目 1477:【蓝桥杯】【入门题】字符串输入输出函数
题目 1477:字符串输入输出函数 蓝桥杯刷题群已成立,微信后台回复【蓝桥杯】,即可进入。 如果加入了之前的社群不需要重复加入。 时间限制: 1Sec 内存限制: 128MB 1. 题目描述 编写函数GetReal和GetString,在main函数中分别调用这…

Android游戏开发基础part2--Canvas画布
游戏开发基础part2--Canvas画布 又过了一周才继续做总结,四级结束了,应该可以多点时间学习游戏编程了。 Canvas画布类是一个在游戏当中担当非常重要的角色,它可以绘制出不同的图形和图片,可以说没有了画布就不能做出画面炫丽的游戏…

JavaScript有哪三部分组成?
在学习web前端技术时,最常见的也是需要最着重学习的就是JavaScript这一方面,工作中也是会经常用到的,那么JavaScript有哪三部分组成呢?来看看下面的详细介绍。 JavaScript有哪三部分组成? JavaScript的组成 JavaScript由ECMScript、BOM和DO…

【蓝桥杯】【入门题】【算法提高VIP】1480:模拟计算器
题目 1480:模拟计算器 蓝桥杯刷题群已成立,微信后台回复【蓝桥杯】,即可进入。 如果加入了之前的社群不需要重复加入。 时间限制: 1Sec 内存限制: 128MB 1. 题目描述 使用Switch语句编写一个模拟简单计算器的程序。依次输入两个整数和一个字…

《c和指针》笔记5
递归 C通过运行时堆栈支持递归函数。的哦贵函数就是直接或间接调用自身的函数。 递归函数所需要的2个特性: 1、存在限制条件,当符合这个条件时递归便不再继续。 2、每次调用之后越来越接近这个限制条件。 递归函数在实现方面更加接近问题的抽象定义&…