/*==全局样式==*/
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input{border:none;vertical-align:middle;}
body{font-family:Tahoma,Arial,Helvetica,"宋体";font-size:12px;text-align:center;background:#FFF;color:#333;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
th,td,input{font-size:12px;}
h3{font-size:14px;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:underline;color:#f60;}
css全局样式表
时间： 2024-11-06 03:50:25
css全局样式表的相关文章
BootStrap 之 CSS全局样式中的表单
不使用BootStrap 之 CSS全局样式中的表单,自己也不定义CSS样式 <form> <div> <label>Email address</label> <input type="email" placeholder="Email"> </div> <div> <label>Password</label> <input type="p
BootStrap 之 CSS全局样式中的表格
不使用BootStrap 之 CSS全局样式中的表格,自己也不定义CSS样式 <table> <caption>学生信息表</caption> <tr> <th>编号</th> <th>姓名</th> <th>性别</th> <th>操作</th> </tr> <tr> <td>1</td> <td>令狐
[2016-01-16][CSS][定义样式表(样式选择器)]
Class 定义:.classname{ 属性:属性值;} 使用:<p class = "classname"></p> ID 定义: #IDNUM{ 属性:属性值; } 使用:<p id = "IDNUM"></p> 组合选择器 定义:标记1,标记2...标记n{属性:属性值;} 使用:直接正常使用上面存在标记即可 伪选择器 calss的使用 ID的使用 组合选择器h1 h2 h3 伪选择器 1 2 3 4 5 6
CSS重置样式表
一.为什么需要重置样式表 即使不写CSS样式,HTML标签在浏览器中也有样式,这些样式来自浏览器本身.但问题是,不同浏览器默认样式可能不同.CSS重置样式表就是为了解决这个问题. 二.常用的重置样式表 (1)简单暴力型 只有一行: *{margin:0; padding:0;} 通配符"*"匹配了所有的标签,通常认为性能不好. (2)归零型 (几乎)全部将标签样式清零.如YUI(http://yuilibrary.com/)的重置样式表. (3)保留基础样式型 并不是将所有标签的默认样
vue中使用css全局样式
在stylus中使用: 1.在src目录下的assets文件中的styles文件中创建一个varibles.styl文件 2.在varibles.styl文件中书写代码 $bgColor = #00bcd4 3.在vue组件的style中引入全局样式 @import '../../../assets/styles/varibles.styl' 4.使用全局样式 .header{ background : $bgColor } 原生css中使用: 1.在src目录下的assets文件中的styl
BootStrap 之 CSS全局样式中的图片
使用 BootStrap 中的CSS全局样式,我们就可以不用自己定义CSS样式了. 响应式图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="
css 层叠式样式表（2）
一,样式表分类 (1)内联样式. --优先级最高,代码重复使用最差. (当特殊的样式需要应用到单独某个元素时,可以使用. 直接在相关的标签中使用样式属性.样式属性可以包含任何 CSS 属性.) (2)内嵌样式表. --优先级别第二,不常用,代码重用性一般. (当单个文件需要特别样式时可以使用内嵌样式表.在 head 部分通过 <style> 标签定义内部样式表.) (3)外部样式表. -- 优先级最低,最常用,代码重用性最高. (当样式需要被应用到很多页面的时候,可以使用.使用外部样式表可以
CSS的样式表基本概念
一.样式表分类 1.内联样式表 <p style="fint-size:24px;">直接在标签内部进行样式设置</style> 2.内嵌样式表 <head> <style type="text/css"> p /*以p标签命名,一下所有p标签都会执行此样式*/ { 样式} </style> </head> 3.外部样式表(最常用的) 新建一个css文件,需要在html文件中调用css样式
CSS理解样式表层叠
在网页中,添加样式的方法有三种:嵌入式样式表,外部样式表和内联样式表. 优先级算法按照先后顺序考虑一下三个方面: 1.css规则的重要性和来源: 2.css规则的特殊性: 3.css规则在文档中出现的顺序: 一.找到选择器匹配特定元素的所有声明: 二.根据样式声明的重要性和来源进行优先级排序 重要性有两种:带“!important”定义的声明和不带“!important”定义的声明.在CSS规则后添加!important的重要性要高于没有添加的. 来源有三种样式:浏览器默认.开发人员定义的样式.