`

css 公共样式定义

阅读更多

@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}

分享到:
评论

相关推荐

    div+css界面核心代码

    核心CSS中定义系统核心样式和公共样式。子模块CSS在核心CSS的基础上进行扩展,可以调整样式风格,并定义本模块特有的CSS。 采用W3C标准规范Html,css代码, 其目的是: 1) 改变页面布局和样式时只修改css,而不用改任何...

    Vue全局使用less样式,组件使用全局样式文件中定义的变量操作

    当你想要在vue项目的一个组件中使用全局样式文件中定义好的变量,此时只在main.js中import是不行的。 目录结构如下: 即在MHeader.vue中想要使用src下的less下的variables.less文件中定义好的变量。 此时,只用...

    8个简单实用的CSS秘诀

    下面列出了一些可以帮助你改善CSS样式表的简单实用的方法,如果你刚刚开始使用CSS,...在下面的例子中定义了一个公共的Class,来代替不同的地方都要用到的相同的代码:color:grey。 #5. 注释 在适当的位置加入一条简

    materialize-css-2018:@jonmircha教授的Escuela IT的Materialise CSS课程库

    定义公共部分。 与框架的默认行为进行交互并对其进行修改。 3级 使用Materialize CSS II开发网站。 网站的布局和响应性。 使用实体化网格。 响应式多媒体。 在Materialize中集成自己的样式和组件。 4级 使用...

    topway:学生管理系统静态页面

    custom.css存放项目公共样式。 css目录下页目录存放页面级样式文件。文件名称需要和html文件名称保持一致。 每个html页面理论上包含一个根类名或根ID ,每个页面级样式理论上以根类名开始。 有login.html如需要...

    css 浮动(float)页面布局

    【第一步 整体布局与公共CSS定义】我们先来分析一下这个页面页面主要分5大块,顶部的Logo、导航条Nav、Banner、Content、Footer,如下图 下载 (116.12 KB) 2009-6-1 09:22 这样HTML就很容易写出来了 复制代码代码...

    wya-sass:微一案前端样式库

    主题定义公共的变量 color.scss颜色变量 default.scss变量 mixins定义公共的方法 animate.scss动画 common.scss公共方法 core输出二级的样式 globals.scss定义类别变量的方法 reset.scss输出reset样式 animate.scss...

    layui v2.8.0-rc.3源码

    增加 grid 中 32px 间隙的公共类 优化 部分冗余字符 # 1169 table 新增 fieldTitle 属性,用于定义表头字段的原始标题,在筛选列和导出场景中,该属性的优先级会高于 title 属性 # 1170 修复 多级表头操作筛选列后...

    dqus网络电台

    应用JSP、flashMX2004软件结合flash communication server服务,设计适合大众的视频电台 主要功能: 1.在线NJ视频,电台广播 ...4.电台样式BANNER定义:(修改radio.css样式表) 默认用户名:admin 密码:123456

    彩森视频网络电台(DQUS版)

    为适应网络媒体的发展,满足人们娱乐生活的需要,本系统应用JSP、flashMX2004软件结合flash communication server服务,设计适合大众的视频电台。... 电台样式BANNER定义:(修改radio.css样式表)

    彩森视频网络电台(DQUS版).rar

    为适应网络媒体的发展,满足人们娱乐生活的需要,本系统应用JSP、flashMX2004软件结合flash communication server服务,设计适合大众的视频电台。...4. 电台样式BANNER定义:(修改radio.css样式表)

    ASP.Net.Web程序设计

    在网页中使用CSS包括三种常用方式:将样式定义直接嵌入到标记符中、将样式定义嵌入到网页中以及将样式定义包含在外部CSS样式文件中. CSS(Cascading Style Sheet,层叠样式表)技术是一种格式化网页的标准方式,它扩展了...

    cli3.0+Vue全家桶+webpack3.0+配套Pc开发demo

    │ ├── utility.less // 公共样式文件 │ ├── mixin.less // 样式配置文件 │ └── normalize.css // 样式重置 │ ├── App.vue // 页面入口文件 │ ├── main.js // 程序入口文件,加载各种公共...

    XMl实用大全(资料全易学习)

    12.6 在CSS样式单中添加注释 341 12.7 CSS中的单位 342 12.7.1 长度值 342 12.7.2 URL值 344 12.7.3 颜色值 345 12.7.4 关键字值 346 12.8 块、内联或列表项元素 347 12.8.1 列表项 352 12.8.2 whitespace属性 354 ...

    cms后台管理

    下面是我自己定义的标签mycontent_list 首先,在数据库里创建了一个jc_mycontent的表,其中有id,title,content三个字段 其次,创建了一个实体类 public class MyContent { private static final long ...

    xml实用大全和轻松学习手册和无废话xml

    12.6 在CSS样式单中添加注释 341 12.7 CSS中的单位 342 12.7.1 长度值 342 12.7.2 URL值 344 12.7.3 颜色值 345 12.7.4 关键字值 346 12.8 块、内联或列表项元素 347 12.8.1 列表项 352 12.8.2 whitespace属性 354 ...

    XML实用大全(web开发必备手册)

    12.6 在CSS样式单中添加注释... 341 12.7 CSS中的单位... 342 12.7.1 长度值... 342 12.7.2 URL值... 344 12.7.3 颜色值... 345 12.7.4 关键字值... 346 12.8 块、内联或列表项元素... 347 12.8.1 列表项... ...

    微信小程序官方文档个人分析心得

    - app.wxss 是小程序的公共样式表.(为了适应广大的前端开发者,我们的 WXSS 具有 CSS 大部分特性。 同时为了更适合开发微信小程序,我们对 CSS 进行了扩充以及修改。) 接着我们就结合官方给出的代码具体说一下上

    微信小程序官方文档学习个人心得

    app.wxss 是小程序的公共样式表.(为了适应广大的前端开发者,我们的 WXSS 具有 CSS 大部分特性。 同时为了更适合开发微信小程序,我们对 CSS 进行了扩充以及修改。) 接着我们就结合官方给出的代码具体说一下上面提到...

    jquery公用web功能组件GRI.zip

    gri.controls.css 组件的样式集合 gri.chart/ 图组件的js库和用户指引文档 gri.dataTable/ 列表组件的js库和用户指引文档 gri.dateRange/ 日期选择器的js库和用户指引文档 gri.monthPicker/ 月份选择器的js库和...

Global site tag (gtag.js) - Google Analytics