背景 最近刚入职新公司，浏览一下新公司项目，发现项目中大多数JSP页面都是独立的、完整的页面，因此许多页面都会有如下重复的代码: ${webModule.module.name} ---xxxx 小伙伴们每新添加一个页面，就需要copy一份上面这坨代码，还需要在各自页面重复引入公共的头尾文件（如header.jsp,footer.jsp等）。。。对于这种开发方式，重复的工作量就不多描述了，更重要的问题是这种架构方式未来会导致更多的维护工作量、甚至...
text-align属性有没有继承性: text-align属性可以将对象内的文本水平居中对齐，应该说不是什么难点，可能有时候会有这样的疑问词属性有没有继承性，如果有的话可以给父元素定义一个居中方式，下面子元素集成就可以了，能够节省些许代码。代码实例如下: 蚂蚁部落.grandfather{ width:440px; height:350px; background-color:green; text-align:right;}.parent{ width:200px; height:200px; background-color:blue;}....
background-color属性有没有继承性: 因为对象的背景默认是透明的，所以如果父对象设置了背景颜色之后，子对象也呈现为父对象的背景颜色，好像子对象继承了父对象的背景颜色，其实这是一种视觉错误。下面通过一个实例来说明一下background-color不具有继承性。 实例代码: 蚂蚁部落 .parent { width:200px; height:200px; border:1px solid red; background-color:green; } .children { width:120px; height:1...
font-size属性有没有继承性:这问题自然再简单不过了，不过可能初学者有时对这个问题可能存在疑问，会造成处处为标签内的元素设置字体。这里可以给出一个肯定的答案，font-size数据具有继承性，这样有利于对网页字体进行统一设置。 代码实例如下: 蚂蚁部落body{ font-size:12px;}蚂蚁部落 太阳出来了 由以上代码的运行表现可以看出，font-size属性具有继承性。原文地址是:http://www.51texiao.cn/div_cssjiaoc...
.BtnOkay /* 黄 */ { font-weight: bold; font-family: "Microsoft JhengHei"; color: #FFFFFF; border: 0px; background-color: #FBBB13; background-repeat: no-repeat; background-position: 98% 48%; cursor: pointer; } .BtnLogin /* Steam绿 */ { font-weight: bold; font-family: "Microsoft JhengHei"; color: #FFFFFF; border: 0px; ...
CSS的继承是由所使用的样式属性定义的。换句话说，当你查看CSS属性backgruound-color，你会看到一栏「继承性」，也许你几乎没有在意过它，但是它还是十分有用的。什么是CSS继承 每一个元素都是文档树的一部分，除了最顶级的HTML元素，每个元素都有其对应的父级元素，每一个父级元素的CSS属性值都可以被应用到它的子元素中去。 举个栗子，H1标签包含着一个EM标签： EM就是H1标签的子元素，任何H1中继承的CSS属性值会自动在EM标...
继承（Inheritance）是从一个元素向其后代元素传递属性值所采用的机制。确定应当向一个元素应用那些值时，用户代理（浏览器）不仅要考虑继承，还要考虑声明的特殊性（specificity），另外需要考虑声明本身的来源。这个过程就称为层叠（cascade）。在此我们将讨论css这三种机制的原理和关联。 一、特殊性 考虑以下2对规则，假设每一对规则都匹配同样的元素： h1 {color: red; }body h1 { color:green;} ...
CSS继承的元素属性 所有元素可继承: visibility和cursor 内联元素和块级元素可继承: letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction 块级元素可继承: text-indent和text-align 列表元素可继承: list-style、list-style-type、list-style-position、list-styl...
混合宏-声明混合宏如果你的整个网站中有几处小样式类似，比如颜色，字体等，在 Sass 可以使用变量来统一处理，那么这种选择还是不错的。但当你的样式变得越来越复杂，需要重复使用大段的样式时，使用变量就无法达到我们目了。这个时候 Sass 中的混合宏就会变得非常有意义。1、声明混合宏不带参数混合宏：在 Sass 中，使用“@mixin”来声明一个混合宏。如： 1 @mixin border-radius{2 -webkit-border-radius: 5px;3 ...
像button、input这样的表单控件，不同的浏览器都会有自己的样式风格(UA样式)。我们可以使用inherit继承其父元素样式，从而覆盖浏览器的UA样式。 button,input,select,textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit;} 来自Airen的博客：http://www.w3cplus.com/css/back-to-the-roots.html
前面的话 层叠样式表中最基本的一方面是层叠——冲突的声明通过层叠过程排序，并由此确定最终的文档表示，这个过程的核心是选择器及其相关声明的特殊性，以及继承机制。 特殊性 选择器的特殊性由选择器本身的组件确定。特殊性值表述为4个部分: 【1】内联样式 -> 1,0,0,0【2】ID属性值 -> 0,1,0,0【3】类属性值、属性选择或伪类 -> 0,0,1,0【4】元素或伪元素 -> 0,0,0,1【5】结合符和通配选择器 -> 0,0,0,...
CSS中具有继承性的属性： color:#eee font: font-style font-variant: font-weight:bold font-size font-family: font-stretch: font-size-adjust: visibility:visible|hidden|collapse (主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对...
//SCSS中混合宏使用@mixin mt($var){ margin-top: $var; }.block { @include mt(5px); span { display:block; @include mt(5px); }}.header { color: orange; @include mt(5px); span{ display:block; @include mt(5px); }} 1、上面是sass混合宏方法编写的sass代码，下面是编译出来的css代码 .block { margin-top: 5px;}.block span { display: block; margin-top: 5px;}.header { co...
前面的话 一直想总结出一份可继承样式的列表。常听说，颜色和字体是可继承的，盒模型样式是不可继承的，但其他样式呢？本文内容包括所有可继承的样式 [注意]关于样式的详细信息移步至此 常用可继承样式 colorcursordirectionfontletter-spacingline-heightlist-styletext-aligntext-indenttext-shadowtext-transformwhite-spaceword-breakword-spacingword-wrapwriting-mode 不常用...
div背景透明内容不透明 .set_bottom{ width:100%; height:200px; background-color:#49494A; display:block; text-align:center; color:#FFF; font-size:14px; font-family:Verdana, Geneva, sans-serif; position:fixed; bottom:0px; left:0px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 100) + "px"); z-index:999999; filter:alpha(opacity=...