CSS
文章平均质量分 87
xggg0929
只是一个前端敲代码的小怪
展开
-
走近 Flex 布局
一、Flex 布局是什么?Flex 布局也就是弹性布局,可以使盒模型大大增加灵活性。任意容器都可以设置为 Flex 布局.box{ display: flex; display: --webkit-flex /*Webkit 内核的浏览器,必须加上-webkit前缀。*/}注意:容器设置为 Flex 布局之后,子元素的float、clear和vertical-align属性将失效。二、容器的属性以下6个属性设置在容器上。flex-direction转载 2021-09-28 16:43:23 · 184 阅读 · 0 评论 -
CSS:移动端实现垂直居中的方法
方法1:table-cell html结构<div class="box box1"> <span>垂直居中</span></div>CSS.box1{ display: table-cell; vertical-align: middle; text-align: center; }方法2:display:flex转载 2017-12-20 14:29:04 · 8754 阅读 · 0 评论 -
CSS:取消select默认样式
IOS端background-color:transparent;border-color:transparent;andorid端:仅仅使用上面的代码还不够,可以发现select框在某些浏览器(包括微信)内置浏览器下 还会有箭头以及高亮的线框,要除去这个可以使用-webkit-appearance: none;取消webkit默认的样式。原创 2018-01-08 19:52:34 · 3181 阅读 · 0 评论 -
页面的缓存与不缓存-html,css,js
HTML的HTTP协议头信息中控制着页面在几个地方的缓存信息,包括浏览器端,中间缓存服务器端(如:squid等),Web服务器端。本文讨论头信息 中带缓存控制信息的HTML页面(JSP/Servlet生成好出来的也是HTML页面)在中间缓存服务器中的缓存情况。HTTP协议中关于缓存的信息头关键字包括Cache-Control(HTTP1.1),Pragma(HTTP1.0),last-Modifie原创 2018-04-02 11:09:47 · 13309 阅读 · 1 评论