文档章节

css高级语法

effto
 effto
发布于 2016/05/04 13:50
字数 253
阅读 29
收藏 0

一 选择器的分组

您可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中,我们将对所有的标题进行分组。所有标题都死红色。

h1,h2,h3,h4,h5,h6{

color:green;

}


二 继承及其问题

根据css,子元素从父类继承属性。但是它并不总是按照此方式工作。例如如下:

body{

 font-family:verdanna,sans-serif;

}

根据上面的规则,站点的body元素将使用verdanna字体。

通过css继承,子元素将继承最高元素(在本例中是body)所拥有的属性(这些子元素诸如p,td,ul,ol,li,dl,dt和dd)。不需要另外的规则,所有body的子元素都应该显示Verdana字体,子元素的子元素也是一样。并且在大部分的现代浏览器中,也确实是这样中显示的。



© 著作权归作者所有

effto
粉丝 3
博文 56
码字总数 28418
作品 0
长春
私信 提问
compass&sass高级应用

一./背景知识/ 1.Sass是什么?   Sass可以简化你的Css工作流,并可以使你的Css的扩展和维护工作变的更加容易!例如,曾几时何,因为客户的需求的变更,你必须不断的通过查找和替换来更改一...

Billydotzhang
2016/10/27
5
0
如何使用Flex 4新的CSS语法,兼容halo组件

兼容halo组件,在css里把原来的Button.Ready改为 #btn_ready即可 前台 文章来源:http://www.colorhook.com/blog/?p=497 如何使用Flex 4新的CSS语法 2009年12月8日ColorHook发表评论阅读评论 ...

付翔
2010/06/17
0
0
webpack4.0 CheatSheet

还在为webpack的配置而烦恼吗?这里有一份webpack从简易到高级版本的配置。还附赠配置地址,你想要吗?不,你不想。老老实实自己配置去吧。 压箱底的笔记而已,大家看看乐乐就好了,这是笔者...

cherryvenus
03/21
0
0
styled-components快速入门

styled-components 是什么? styled-components 是一个常用的 css in js 类库。和所有同类型的类库一样,通过 js 赋能解决了原生 css 所不具备的能力,比如变量、循环、函数等。 相对于其他预...

大灰狼的小绵羊哥哥
2018/08/29
0
0
CSS的总结

写在前面 最近一直在学习CSS,感触良多,写一篇文章作为总结,以便于自己以后学习,也希望给大家行点方便 在前端的学习道路上,说道比如掌握的东西,再不济的人都会脱口而出,HTML、CSS、Jav...

熊蛋子17
2017/11/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

idea下springboot 项目在static目录下添加文件不生效

idea下springboot 项目在static目录下添加文件不生效 问题描述 是这样子的,我的项目目录结构如下: 我在static目录下,创建了index.html和aaaa.jpg这两个文件。然后,启动服务访问 http://l...

wotrd
昨天
4
0
k8s1.14 一、环境

1. 4台虚拟机 (CentOS Linux release 7.2.1511 (Core) ) 192.168.130.211 master 192.168.130.212 node1 192.168.130.213 node2 192.168.130.214 node3 2. 设置服务器hostname 2.1 设置本机......

ThomasCheng
昨天
3
0
盖茨:如果我现在开创一家公司 将会专注于AI

新浪科技讯,北京时间 6 月 26 日凌晨消息,微软联合创始人比尔·盖茨(Bill Gates)在周一接受采访时表示,如果他今天从哈佛大学辍学并开创一家新公司,那么这家公司将会专注于人工智能(A...

linuxCool
昨天
1
0
聊聊feign的Retryer

序 本文主要研究一下feign的Retryer Retryer feign-core-10.2.3-sources.jar!/feign/Retryer.java public interface Retryer extends Cloneable { /** * if retry is permitted, retur......

go4it
昨天
9
0
HyperLogLog简介

  (1)HyperLogLog简介      在Redis 在 2.8.9 版本才添加了 HyperLogLog,HyperLogLog算法是用于基数统计的算法,每个 HyperLogLog 键只需要花费 12 KB 内存,就可以计算接近 2^64 个...

SEOwhywhy
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部