css
小白旗
小白旗的成长路,终有一天成大旗神
展开
-
web字体优化
以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体,然而当更多的设备和系统出现后,以前这样的设置已不能满足网页在各设备上的显示需求。就拿最简单的宋体(simsun)来说吧,在Windows系统下显示是一个比较容易阅读的字体,然而在Mac上简直无法直视,如下图给出一个优化前后页面转载 2017-07-26 21:22:42 · 1492 阅读 · 0 评论 -
基于Bootstrap的超酷jQuery开关按钮插件
很详细,也很方便,mark留着用简要教程这是一款基于bootstrap的超酷jQuery开关按钮插件。该开关按钮插件可以将复选框和单选按钮转换为安卓样式的开关按钮。该插件可以设置开关按钮的颜色、是否可用、显示文本等属性,还可以将开关按钮放置到模态窗口中显示。使用方法首先要在页面中引入依赖文件: jquery、Bootstrap、Bootstrap Switc转载 2017-08-19 14:29:49 · 3162 阅读 · 0 评论 -
bootstarp-switch根据查询值修改初始显示状态
情况描述:我的消息列表中有多行,每行都有一个switich开关,我要根据数据库查询的status值来显示bootstrap-switch开关的初始状态(即开、关状态)。起初试了一下,input标签加上checked属性就会显示off状态,去掉checked属性显示on状态。于是我便通过if判断ajax传的的值,修改相应的html内容。思路很简单也没什么问题,然而由于我忘记了在...原创 2017-08-20 13:41:54 · 11252 阅读 · 17 评论 -
简单的select美化
今天一个小页面加个select,默认的太丑,这个页面有没有引入其他文件(连jq都没...)然后查了查有没有超简单的美化,其中两个挺好的记录下一、纯css+html 简单美化selecthtml: ---请选择-- 男 女 CSS:.shortselect{ backgroun转载 2017-12-11 17:07:02 · 29507 阅读 · 3 评论 -
nginx css文件Content-Type为text/html 问题解决
新增一个基于域名的虚拟主机后,访问该虚拟主机目录下的css文件,Response Headers 中的Content-Type值为 text/htmlhttp://k1ic.com/static/frame.cssnginx.confnginx.confk1ic.com.confk1ic.com.conf3.解决注意到配置php-fpm处为通配符“/”,使得所有请求均会被php-转载 2017-11-24 10:01:09 · 35462 阅读 · 1 评论 -
【Bootstrap学习笔记1】基础
Bootstrap 介绍Bootstrap 是stwitter公司的两名前端设计师设计的基于html css javascript的超强的前端框架Bootstrap特点bootstrap 是以移动设备为优先,pc机 平板 手机bootstrap 所有的主流浏览器,浏览器兼容问题bootstrap 环境v3.bootcss.com 下载环境环境中不含jq,需另外下载。引入环境:1...原创 2017-05-01 11:24:21 · 393 阅读 · 0 评论 -
【Bootstrap学习笔记2】
栅格系统栅格系统一定要放入容器中<div class="container"></div>栅格系统,浏览器窗口自动分配最多12行,栅格系统是由行row和列col组成来创建页面布局偏移 offset注意:只能向右偏移语法:col-xs/sm/md/lg-offset-数值如:col-md-offset-2 pc中等屏幕向右偏移2个列排序语法:col-xs...原创 2017-05-01 11:25:15 · 433 阅读 · 0 评论