CSS
阁下长得好生俊俏
这个作者很懒,什么都没留下…
展开
-
CSS的4种引入方式及优先级
css的四种引入方式1.行内样式最直接最简单的一种,直接对HTML标签使用style=”“,例如:缺点:HTML页面不纯净,文件体积大,不利于蜘蛛爬行,后期维护不方便。2.内嵌样式内嵌样式就是将CSS代码写在之间,并且用进行声明,例如:body,div,a,img,p{margin:0; padding:0;}优缺点:页面使用公共CSS代码,也是每个页面都要定义的,如果一个网站有很多页面,每个文件都转载 2017-02-17 11:33:25 · 1304 阅读 · 0 评论 -
解决IE6、7下li之间有间隙
li{ vertical-align:top/bottom;}原创 2017-02-20 19:39:04 · 407 阅读 · 0 评论 -
前端如何实现SEO优化
1、提高页面加载速度。 能用css解决的不用背景图片,背景图片也尽量压缩大小,可以几个icons放在一个图片上,采用css精灵(css sprite),使用background-position找到需要的图片位置。减少HTTP请求数,提高网页加载速度。 2、 结构、表现和行为的分离。另外一个重要的拖慢网页加载速度的原因就是将css和JS都堆积在HTML页面上,每次看到有人直接在页面上编写CSS...原创 2017-12-17 17:39:12 · 8380 阅读 · 0 评论 -
css上下布局铺满屏幕
<div id="c_main"> <div id="nav"></div> <div id="content"> <div class="con_left"></div> <div class=&qu原创 2018-03-07 10:39:10 · 2792 阅读 · 0 评论 -
input只能输入数字并限制长度
/*在谷歌下移除input[number]的上下箭头*/.regis_box input[type='number']::-webkit-outer-spin-button,.regis_box input[type='number']::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin原创 2018-01-17 17:42:15 · 4499 阅读 · 0 评论 -
css3之BFC、IFC、GFC和FFC
FC的全称是:Formatting Contexts,是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。BFC BFC(Block Formatting Contexts)直译为”块级格式化上下文”。Block Formatting Contexts就是页面上的一个隔离的渲染区域,容器里面的子元素...原创 2018-01-19 14:20:31 · 391 阅读 · 0 评论 -
css input[type=number]去掉上下箭头,只能输入数字
type="number" oninput="if(value.length>11)value=value.slice(0,11)" class="form-control regis_inp" placeholder="请输入电话号码">/*在谷歌下移除input[number]的上下箭头*/.regis_box input[type='number']::-webkit-outer-sp原创 2018-02-07 11:49:01 · 9775 阅读 · 0 评论 -
checkbox样式改写
&lt;div class="checkbox font_s"&gt; &lt;label&gt; &lt;input type="checkbox"&gt; 设备状态 &lt;/label&gt;&lt;/div&gt;.checkbox原创 2018-07-01 23:47:21 · 690 阅读 · 0 评论 -
分页居中显示
<!-- 分页 --><div class="page_number"> <div id="page_number2"></div></div>.page_number{ width: 100%; height: 80px; padding-top: 10px; text-a原创 2018-08-06 10:31:52 · 1297 阅读 · 0 评论