/*标题的样式*/
.th1{
border-width:1px;
background-color: #3C7DE5;
color: #FFFFFF;
}
/*按钮样式,针对普通按钮,要是提交按钮会出现黑边框*/
.btn{
border: 1px solid #999999; height: 20px; background-color:#DFDFDF
}
img{ border:none; }
caption{ font-size:10pt; font-weight:blod; }
.bannerinfo{ color: #AA0000; font-weight:blod; }
.swtd1 { line-height: 12px; text-align: center; vertical-align: middle; }
table{ border-collapse: collapse; }
.swtd2 { background-color:#D1D1D1; line-height: 12px; text-align: center; vertical-align: middle; }
/*作用于class=tab1的table(其它元素尽管class=tab1,但没效果)的th(对table本身不起作用),和class=tab1的table的td元素*/ table.tab1 th,table.tab1 td{
font-size: 12px; border:1px solid #999999; height:24px;
}
/*作用于class=tab2中的元素以及包含其中的th,td元素,注意每个作用范围要用逗号隔开*/
.tab2,.tab2 th,.tab2 td{
font-size: 12px; border: 0px none #FFFFFF; height:24px;
}
/*color: #D4D0C8该色彩适中,为浅色,所以适合做滚动条或不太显眼的背景色
*/ div p作用于包含在div里的所有p元素,不管是父子关系,还是祖孙关系
div>p只作用于div中的子元素p
包含的语法优先于子对象
分享到:
相关推荐
本节将深入探讨如何使用CSS选择符来展示XML文档,包括类型选择符、ID选择符、类选择符、包含选择符以及选择符分组。 1. **类型选择符**: 类型选择符是直接使用XML标记名作为选择符,如`<title>`。在CSS中,这可以...
查看并分析这个文件,可以帮助我们更好地理解实际应用中的分隔符控制。 总结来说,控制页面分隔符是提升网页视觉体验的关键步骤。通过巧妙运用CSS的边距、填充、边框、伪元素、布局技术和变量,我们可以创造出多样...
CSS选择器支持多种操作符,如: - `.class_name`:选取具有指定类名的元素。 - `#id`:选取具有指定ID的元素。 - `tag`:选取指定标签的所有元素。 - `tag.class_name`:选取既是指定标签又具有指定类名的元素。 - ...
2. 类选择器(如.someclass)、属性选择符(如[attr=value])和伪类(如:hover):每个赋予10分。 3. 元素选择器(如p)和伪元素(如:first-child):每个赋予1分。 4. 通用选择器(如*)、子选择器(如>)、相邻...
2. **CSS文件**:这是核心部分,使用CSS3选择器和属性如`transition`、`transform`、`:placeholder-shown`伪类等,来控制占位符文本的行为。可能还包括了对表单样式的其他定制,如边框、背景色、字体等。 3. **...
通过这个解析器,开发者可以对CSS进行逐行分析,提取选择器、属性和值,甚至可以实现自定义的CSS转换逻辑,例如替换特定属性值、添加新规则或者根据需求动态构建CSS。 值得注意的是,虽然这个简单的解析器可以处理...
通过分析这些代码,你可以学习到如何结合CSS和jQuery,使网页中的文本框和选择框更加美观和功能丰富。 总之,CSS和jQuery为文本框和选择框的美化提供了无限可能性。通过熟练掌握这些技术,开发者不仅可以提升网页的...
通过使用CSS3的`:placeholder-shown`伪类选择器,我们可以控制占位符的样式,使其在用户聚焦或输入时改变颜色和透明度。 接着,我们讨论按钮的发光特效。这种特效通常用于强调按钮,吸引用户点击,增强交互感。CSS3...
通过上述对CSS属性模块的深入分析,我们可以发现,在选择合适的CSS架构和编写高效CSS代码时,需要考虑到样式的一致性、可维护性、重用性和上下文的特定需求。CSS作为前端开发中不可或缺的技术,其属性模块的掌握程度...
在探讨IE6这个几乎已成为前端开发历史名词的浏览器时,我们不可避免地要提到它所带来的诸多问题,其中之一便是CSS多类选择符优先级不起作用的问题。本知识点将针对这一问题,分析其产生的原因,并提供相应的解决方案...
基础选择器包括元素选择器(如`p`选择器,选择所有`<p>`元素)、类选择器(如`.class`,选择具有指定类名的元素)、ID选择器(如`#id`,选择ID为指定值的元素)和通配符选择器(如`*`,选择所有元素)。更复杂的选择...
通过以上分析,我们可以看出,该示例不仅展示了如何使用纯CSS技术来实现带有箭头的边框效果,还涉及到了CSS3的高级应用技巧,如伪元素、边框属性的灵活运用等。这些技术和方法对于前端开发者来说是非常有价值的,...
### CSS基本选择器知识点 #### 1. CSS概念与作用 - **定义**:CSS(Cascading Style Sheets)即层叠样式表,是一种用来控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 - **作用**:使网页内容与...
在网页开发中,未压缩的JS和CSS文件往往包含大量空格、换行符和注释,这增加了文件大小,导致页面加载速度变慢。通过压缩,可以有效地减少这些不必要的字符,从而加快页面的加载速度,节省用户流量,提升搜索引擎...
本讲座重点分析了Sass与CSS设计模式,帮助开发者构建更加高效和规范的样式代码。 首先,数据显示,在中级以上的开发者中,有89.36%的人使用CSS,而Sass作为预处理器,使用率高达13.6%,位居首位。这表明Sass在业界...
4. **删除未使用的CSS**:通过分析HTML,移除不在页面中引用的CSS规则。 5. **颜色值转换**:将十六进制颜色值转换为RGB或更短的十六进制形式。 6. **变量简写**:如果CSS预处理器如Sass或Less被使用,可以进一步...
1. **删除空格和换行**:CSS文件中的空格和换行符在解析时不会影响样式效果,因此可以全部删除,这是最基本的压缩方式。 2. **缩写属性**:许多CSS属性有其缩写形式,例如`margin`、`padding`、`font`等,使用缩写...
3. **移除未使用的样式**:通过分析HTML,找出并删除未被引用的CSS规则。 常见的CSS压缩工具有Clean-CSS、CSSNano和Autoprefixer。这些工具不仅压缩CSS,还支持自动添加浏览器前缀,确保跨浏览器兼容性。 三、性能...
10. **性能优化**:除了压缩,一些工具还会提供其他性能优化建议,如CSS选择器优化、减少图片大小等。 为了充分利用TBCompressor,开发者需要了解其使用方法,包括安装、配置参数以及如何将其集成到构建流程中,如...