全局CSS设置

全局CSS设置

1、清除所有的标记的内外边距

body,ul,li,a,img,p,input{ margin:0; padding:0; }

2、去除项目符号或编号前面的符号

ul,ol,li{ list-style:none; }

3、全局链接效果

a:link , a:visited{color:#444;text-decoration:none;}

a:hover{color:red;}

4、网页中所有的文字大小颜色

body{ font-size:12px; font-family:宋体; color:#ccc; }

5、去除图片的链接边框线,兼容模式下的考虑

img{border:0;}

6、全局的类样式

.floatL{ float:left; }

.floatR{ float:right; }

.clear{clear:both;}

.blank10{ height:10px; clear:both; }/*空白div获得上下的距离*/

.red{ color:red; }

.blue{ color:blue; }

时间: 2024-12-23 08:36:52

全局CSS设置的相关文章

bootstrap 全局 CSS 样式

http://v3.bootcss.com/css/#less-mixins-utility 深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好.更快.更强壮的最佳实践. HTML5 文档类型 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型.在你项目中的每个页面都要参照下面的格式进行设置. 复制 <!DOCTYPE html> <html lang="zh-CN"> ...

BootStrap之基础-2 CSS样式(全局CSS样式)

一.全局CSS样式 概述 - HTML5文件类型 - BootStrap使用到的某些HTML元素和CSS属性需要将页面设置为HTML5  - 移动设备优先 - 为了确保适当的绘制和触屏缩放,需要在<head>之中添加viewport元数据元素 CSS全局样式 - 为body元素设置 background-color: #fff; - 使用 @font-family-base.@font-size-base 和 @line-height-base a变量作为排版的基本参数 - 为所有链接设置了基

全局CSS样式

bootstrap全局css样式:一共12个内容模块 概览 栅格系统 排版 代码 表格 表单 按钮 图片 辅助类 响应式工具 使用Less 使用Sass 一.概览类 1.html5文档类型 <!DOCTYPE html> 2.移动设备优先 <meta name="viewport" content="width=device-width, initial-scale=1"> 3.排版与链接 bootstrap排版.链接样式设置了基本的全局样式

Bootstrap学习 - 全局CSS样式

栅格Grid  <!-行(row)”必须包含在 .container (固定宽度)或 .container-fluid (100% 宽度)中-> <div class="container"> <div class="row"> <div class="col-md-1">col-md-1</div> <!-一行最多12列, col-xs, col-sm, col-md, col-

【03】全局 CSS 样式

全局 CSS 样式 设置全局 CSS 样式:基本的 HTML 元素均可以通过 class 设置样式并得到增强效果:还有先进的栅格系统. 概览 深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好.更快.更强壮的最佳实践. HTML5 文档类型 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型.在你项目中的每个页面都要参照下面的格式进行设置. <!DOCTYPE html> <html lang="

Bootstrap3全局CSS样式

目录 1. 概览 2. 栅栏系统 3. 文本 4. 列表 5. 代码 6. 表格 7. 表单 7.1 基本实例 7.2 内联表单 7.3 水平排列的表单 8. 按钮 9. 图片 10. 辅助类 10.1 情境文本颜色 10.2 情境背景色 10.3 关闭按钮 10.4 三角符号 1. 概览 Bootstrap使用的某些html元素和css属性需要将页面设置为html5文档类型. 1 <doctype html> 2 <html lang="zh-cn"> 3 .

bootstrap全局CSS样式学习

参考http://v3.bootcss.com/css/,根据自己的记忆进行的复述,加深记忆. 首先介绍bootstrap全局CSS样式 只通过使用bootstrap.css,即可获得统一的样式设置.在使用全局bootstrap的样式时,只需=设置每个元素的class属性值即可. 同意基础样式,防止不同浏览器的样式不同,使用了Normalize.css. bootstrap需要为页面内容和栅格系统包裹一个 在一个容器中.共有两个有此作用的class .container 类用于固定宽度并支持响应

2.Bootstrap 全局CSS样式和字体图标

一.全局CSS样式 1.html5文档类型,标准,参照下面的进行设置 <!DOCTYPE html> <html lang="zh-CN"> ... </html> 2.移动设备优先 bootstrap是移动设备优先的! 为了确保适当的绘制和触屏缩放,需要在<head>之中添加viewport元数据标签. <meta name="viewport" content="width=device-width

css设置span元素的尺寸

css设置span元素的尺寸:在默认状态下是无法设置span元素的尺寸的,只能够根据内容的尺寸自适应,也就是说给span元素设置width和height属性默认条件是无效的.之所以会出现这种情况是因为span元素是内联元素,内联元素无法设置尺寸的,只要设置为块级或者内联块级元素即可.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name=&qu