通用样式设置

*,::after,::before{    margin: 0;    padding: 0;    /*盒子模型*/    box-sizing: border-box;    -webkit-box-sizing: border-box;    /*字体*/    font-family: ‘微软雅黑‘, sans-serif;    /*取消默认点击高亮效果*/    -webkit-tap-highlight-color: transparent;}

/*去除默认的样式*/ol,ul{    list-style: none;}input{    border-style: none;    /*移除iOS原生显示样式*/    -webkit-appearance: none;}/*去掉 a 标签的下划线*/a{    text-decoration: none;}.f_l{    float: left;}.f_r{    float: right;}/*清楚浮动*/.clear_fix::before,.clear_fix::after{    content: ‘‘;    display: block;    height: 0;    line-height: 0;    clear: both;    visibility: hidden;}

原文地址:https://www.cnblogs.com/chzlh/p/8857913.html

时间: 2024-12-22 18:50:35

通用样式设置的相关文章

Asp.Net中应用Aspose.Cells输出报表到Excel 及样式设置

解决思路: 1.找个可用的Aspose.Cells(有钱还是买个正版吧,谁开发个东西也不容易): 2.在.Net方案中引用此Cells: 3.写个函数ToExcel(传递一个DataTable),可以另写个SetCellStyle的函数专门给各列设置样式. 4.在按钮的Click事件中调用此ToExcel()即可. 注:想更详细了解的到Aspose网站去,那里有很多在线文档,够你看的了.也可以下载个Demo程序研究. 部分代码贴在这里,代码还有需要改进的地方,暂时这么用着,给自己以后方便查找,再

css小随笔(二)与通用样式

51先在学校HTML5已经有半个多月了,然后这个星期做了一个京东的手机网站,接触到了通用样式,下面以京东的手机站为例 这两个就是京东手机站了的不同的两个板块,因为HTML5仅仅只是学完了基本标签跟css的标签,所以在没有接触通用样式之前很可能就是这两个板块就是两个不同的代码了,然后就会导致css文件里面的代码会非常的多,也会是比较混乱的,不能够清楚明了的看懂.而且应用的通用样式就是可以用一套代码来搞定各个类似板块,并且每个板块不同的地方仅仅需要微调就可以了.这样不仅仅使代码明了,而且还会很省事,

SVG基本形状及样式设置

前面的话 图形分为位图和矢量图.位图是基于颜色的描述,是由像素点组成的图像:而矢量图是基于数学矢量的描述,是由几何图元组成的图像,与分辨率无关.可缩放矢量图形,即SVG,是W3C XML的分支语言之一,用于标记可缩放的矢量图形.本文将详细介绍SVG基本形状及样式设置 概述 SVG是XML语言的一种形式,有点类似XHTML,它可以用来绘制矢量图形,可以通过定义必要的线和形状来创建一个图形,也可以修改已有的位图,或者将这两种方式结合起来创建图形 [注意]IE8-浏览器不兼容 SVG提供了一些元素,用

placeholder的样式设置

在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了. ::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */ :-moz-placeholder{}                  /* Firefox版本4-18 */ ::-moz-placeholder{}                  /* Firefox版本19+ */ :-ms-inpu

HTML+CSS样式设置——CSS一学就会

HTML+CSS样式设置 CSS:(Cascading Style Sheets)层叠样式设置表. 网页的展示效果跟其排版有很大的关系.排版则主要依靠CSS来设置.调节. 下面说CSS与HTML的联合使用的过程: (1)新建CSS文件(一般放在与HTML文件同一路径下的css文件夹中) (2)在HTML的<head>标签中,用<link />对CSS进行引用 <link rel="stylesheet" type="text/css" 

各种CSS样式设置细线边框

基础知识回顾 : cellspacing:单元格与单元格之间的边距:cellpadding:单元格内的内容与单元格边沿的边距 简单实用的样式,设置所有的单元格为细线效果 <style type="text/css"> #tab1{ border-collapse:collapse;} #tab1 td{ border:1px solid #000000;} </style> <table width = "640px" id = &qu

ireport根据相关条件控制样式设置

以下是根据字符长度去控制样式 样式只对Text field 有效,对Static Text无效. window--Style library -- 右键 add  添加style ,设置好了之后.再右键Add Style To Report,然后选中field 时,要style属性中选择自定的样式即可. 右击style 选择"添加"-"Style" 可以在属性中设置style的各种属性: 右击style 选择"添加Conditional Style&quo

进行手持设备wince开发中DataGrid的样式设置(宽度)

private void SelectGoodsForm_Load(object sender, EventArgs e) { //定义 DataGrid样式 DataGridTableStyle dataGridStyle = null; dataGridStyle = new DataGridTableStyle(); this.goodsGrid.DataSource = createDataTable(); //清楚之前的DataGrid样式 this.goodsGrid.TableSt

js学习进阶-元素获取及样式设置

var imgs = document.querySelectorAll("article img"); 获得article元素的直接或间接子孙的所有img元素, <article> <img src = "..." /> <div> <img src = "..." /> </div> </article> 获取2个img元素. 另一个方法querySelector()只返