css常用元素通用样式表

@charset "utf-8";
html,
body,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
b,
i,
em,
s,
u,
dl,
dt,
dd,
ul,
ol,
li,
strong,
span,
table,th,tr,td,
img,
div,
form,fieldset,legend,
input,
button,
select,
option,
textarea,
label,
iframe {
margin: 0;
padding:0
}
a{
text-decoration: none;
}
ol,ul,li{
list-style: none;
}
html,body{
height: 100%;
}
textarea{ /* 文本域拉伸,根据需求而定 */
resize: none;
}

input,button,textarea{
outline: none;
}

img{
max-width: 100%;
height: auto;
width: auto\9;
-ms-interpolation-mode: bicubic;
}
input,input[type=submit],
[type=reset],[type=button]{
-webkit-appearance: none;
resize: none;
}

.clear_fix::after{
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
/* 设置背景文字颜色 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
color: #ccc;
}
/* 单行溢出 */
.spill{
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
}
/* 多行溢出 */
.spills{
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical;
}

原文地址:https://www.cnblogs.com/fjxylin/p/12353360.html

时间: 2024-10-17 11:17:21

css常用元素通用样式表的相关文章

表单的元素和样式表

<body><form action="ae.html" method="post"><input type="text" name="gandong" value="hello"/><input type="password" name="gandong value="1234"/><input typ

前端学习(9)~css学习(三):样式表和选择器

本文主要内容 CSS概述 CSS和HTML结合的三种方式:行内样式表.内嵌样式表.外部样式表 CSS四种基本选择器:标签选择器.类选择器.ID选择器.通用选择器 CSS几种扩展选择器:后代选择器.交集选择器.并集选择器 CSS样式优先级 CSS 概述 CSS:Cascading Style Sheet,层叠样式表.CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. css的最新版本是css3,我们目前学习的是css

CSS的三种样式表和优先级

1.外部样式表当样式需要应用于很多页面时,外部样式表将是理想的选择.在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观.每个页面使用 <link> 标签链接到样式表. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS外部样式表</title> </head> <!--引入CSS样式表 --&

CSS三种插入样式表格式

首先简单理解浏览器与网页的交互过程 CSS样式表(stylesheet) cascading style sheet 级联样式表 表现HTML或XHTML文件样式的计算机语言:包含对字体.颜色.边距.高度.背景图片.网页定位等设定 css优势:内容于表现分离 网页的表现统一,容易修改 丰富的样式,使得页面布局更加灵活 减少网页的代码量,增加网页的浏览速度,节省网络带宽 运用独立于页面的css有利于网页被搜索引擎收录 插入CSS样式表分为三种: 外部样式表(External style sheet

jquery给元素添加样式表的方法

//1.获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#two").attr("class","divClass")设置Id为two的class属性. //2.追加样式 $("#two").addClass("divClass2")为ID为two的对象追加样式divClass2 //3.移除样式 $("

css(1-1)样式表

CSS Id 和 Class id 和 class 选择器 如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义. 以下的样式规则应用于元素属性 id="para1": 实例 #para1{text-align:cent

CSS基础整理(样式表 样式属性)

样式属性 1· 背景与前景 background-color:#00F; /*背景色,样式表优先级高*/ background-image:url(); /*设置背景图片(默认)*/ word-wrap:break-word; word-break:break-all; /*自动换行*/ background-attachment:fixed; /*背景是固定的,不随字体滚动*/ background-repeat:no-repeat; /*背景图 no-repeat不平铺:repeat平铺:r

关于读style元素定义样式表兼容性

<span style="font-size:18px;"></span><pre name="code" class="javascript"><html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>

CSS样式表规划经验总结

最近看到一些关于CSS文件管理的问题,下面我就自己的经验说说,一个好的CSS文件主要是看他是否具有易维护性.下面我就说说我个人的看法: 一.CSS文件的规划 我在规划CSS的时候,我比较喜欢建立全局css及各模块css.在html页面中引用全局css,在全局css中引用各模块css.比如,建立global.css为全局css,在全局css中定义“* { … } body { … }”之类的全局样式.在全局样式中通过“@import url(”xxx.css”);”引入模块css. 关于模块CSS