@charset "utf-8";
/*=====================reset css start=========================*/
html, body, div, p, ul, ol, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, input, fieldset, legend, optgroup { margin:0; padding:0; }
html, body { font-family:Arial, "宋体"; font-size:12px; color:#333; line-height:21px; background:#fff; }
h1, h2, h3, h4, h5, h6, em, strong, input, textarea { font-family:arail,
宋体; font-size:12px; font-style:normal; font-weight:normal; }
ul, li { list-style:none; }
input, select, textarea { font-size:12px; vertical-align:middle; }
textarea { border:1px solid #d4d4d4; }
a img { border:0; }
a:link, a:visited {/*L-V-H-A*/ text-decoration:none; color:#343434; }
a:hover, a:active { text-decoration:underline; }
/*=======color======*/
/*表单中必填项文字*/
.required { color:#ef2415; font-family:"宋体"; }
/*注释文字*/
.note { color:#999; }
/*====layout style====*/
/*------表格-----*/
table { border-collapse:collapse; }
table th, table td { text-align:left; }
/*列表-操作列*/
table .operate { text-align:center; }
/*列表-数字列*/
table .num { text-align:right; }
/*左右表格中,文字右对齐列*/
table .col01 { text-align:right; }
/*表格中的文字顶部对齐*/
table .txtv { vertical-align:top; }
/*---除表格外的文字对齐---*/
.txtleft { text-align:left; }
.txtcenter { text-align:center; }
.txtright { text-align:right; }
.floatl { float:left; }
.floatr { float:right; }
/*----清楚浮动1----在应用的过程中我们只需要,在有浮动的元素的面添加<div class="clear"></div>, 这是一种。还有一种就是直接在元素添加一个类clearfix就可以了。*/
.clear { clear: both; margin: 0; padding: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { clear:both; display:block; }
/* End hide from IE-mac */
/*----清楚浮动2----*/
/*
.clearfix{
overflow:auto;
zoom:1;
}
*/
/*--字体类--*/
.font12 { font-size: 12px}
.font14 { font-size: 14px}
.font16 { font-size: 16px}
.font18 { font-size: 18px}
.font20 { font-size: 20px}
.fb { font-weight: bold}
.fu { text-decoration: underline}
.fn { text-decoration: none}
/*--颜色类(常修改增加)--*/
.cred, a.cred:link, a.cred:visited, a.cred:hover { color: #c00}
分享到:
相关推荐
在CSS世界中,公共样式是开发者常常需要掌握的基础,它们能帮助我们构建高效、一致的网页布局。本文将深入探讨“css常用公共样式”的总结,包括`flex布局`、`简写`技巧、`遮罩层`实现以及`滚动条透明`与`动画`的应用...
本篇文档介绍了一套较为全面的CSS公共样式规则,旨在通过预定义的样式规范来简化网页开发流程、提高代码复用性并保持页面设计的一致性。以下将对这些样式规则进行详细解读,并探讨它们在实际项目中的应用价值。 ###...
综上所述,这个压缩包提供了丰富的CSS公共样式示例及常见问题的解决策略,对于前端开发者来说是一份宝贵的参考资料。通过学习和实践,你可以更好地掌握CSS的核心技巧,提升网页设计的质量和效率。
这个“flex移动布局,极简公共样式包”正是为了方便开发者快速构建适应不同屏幕尺寸的移动端应用而设计的。让我们深入探讨Flex布局的原理、优势以及如何利用这个公共样式包来提升开发效率。 1. **Flex布局简介** ...
本压缩包“css常用公共样式与bug解决方案”聚焦于一些常见的CSS应用场景和问题解决策略,对于前端开发者来说极具参考价值。以下是基于标题、描述和标签所涵盖的CSS知识点的详细讲解: 1. **公共样式**:公共样式是...
【标题】"h5前端页面公共样式CSS框架.zip"是一个包含丰富CSS样式的资源包,专为HTML5前端页面设计。这个压缩包提供了一个全面的CSS样式库,它旨在简化和标准化网页设计过程,帮助开发者快速构建响应式、美观且一致的...
在公共样式中,需要定义多种样式,例如字体样式、布局样式、背景样式等。这些样式可以帮助开发者快速实现UI组件的样式化。 例如,在公共样式中,可以定义字体样式,如下所示: ```css * { font-size: 28rpx; ...
`base.css`是这个公共样式的原始未压缩版本,开发者可以通过查看此文件来了解每个类名、ID或选择器的详细定义。在这个文件中,我们可以看到对HTML5新元素如、、、等的默认样式设定,以及通用的字体设置、颜色方案和...
HTML5公共样式是一种广泛应用于网页设计的标准化样式表,它主要负责定义页面的布局、颜色、字体等视觉效果。在HTML5中,开发者通常会利用预定义的元素和新的语义化标签来增强网页的可读性和可访问性。这篇博文(链接...
在Web开发中,CSS(层叠样式表)是用于控制网页元素外观的关键技术,它允许开发者通过定义样式规则来美化HTML或XML文档,包括颜色、字体、布局和其他视觉效果。 首先,"common.css"文件通常包含项目中通用的样式...
在网页设计中,`div+css`是一种常见的布局方式,它通过HTML的`<div>`元素结合CSS(层叠样式表)来实现页面结构与样式的分离。以下是一些`div+css`共用的属性及其详细解释: 1. `font-size`: 这个属性用于设置字体...
`styles`文件一般位于`src`目录下,这是Vue项目的源代码根目录,包含组件、路由、公共样式、图片等资源。 在Vue项目中,`main.js`是应用程序的入口文件,这里进行Vue实例的创建和各种插件、组件的全局注册。要引入`...
- **全局样式**:基础样式(base.css)适用于所有页面,公共组件样式也在此定义。 - **特定页面样式**:首页样式(index.css)、频道页面(channel.css)和详细页面(detail.css)分别对应不同页面类型。若有特殊...
2. **CSS**(Cascading Style Sheets):CSS负责网页的样式和布局。在公共服务平台的大屏模板中,CSS用于设置字体、颜色、边距、布局模式等,确保视觉效果统一且专业。例如,使用Flexbox或Grid布局可以方便地实现...
在网页开发中,为了...CSS是用于定义网页样式和布局的语言,将相同的样式规则放入一个单独的CSS文件中,可以避免在每个页面上重复编写代码。在HTML中,我们通常通过`<link>`标签来引入外部CSS文件,例如: ```html ...
这种方式可以使得 HTML 代码和 CSS 代码分离,提高了代码的可读性和维护性,但是它也有缺点,例如:每个页面都需要定义公共的 CSS 代码,如果网站有很多页面,每个文件都会变大,后期维护也大。 三、链接方式 链接...
2. **CSS(层叠样式表)**:CSS负责美化HTML内容,定义颜色、字体、布局、动画等视觉效果。在1号店项目中,CSS将用于: - **响应式设计**:确保网站在不同设备上(桌面、平板、手机)都能良好显示。 - **布局管理*...
首先,清除默认样式是建立公共样式的基础。在第1-4行中,`margin` 和 `padding` 设置为0,消除了元素之间的默认间距,使页面布局更可控。这包括`body`、`div`、`ul`、`li`等基本元素,以及`h1`到`h6`的标题、`p`段落...
在网页开发过程中,CSS(层叠样式表)是不可或缺的一部分,它用于定义页面的外观和布局。本资源包集合了作者在实践中遇到的一些常见问题及其解决方案,主要关注HTML页面、浏览器兼容性、JavaScript以及CSS样式的应用...
3. 公共 CSS:可以建立一个公共 CSS 文件,用于存储公共的样式,以便于在不同页面之间共享。 4. 英文文件名:在命名文件时,需要使用英文形式,以便于 HTML 识别。 class 和 id 的区分 1. id 的特点:id 是一个...