随笔分类 -  CSS

ps学习
摘要：1.更改图像大小 图像》图像大小 阅读全文
posted @ 2017-09-25 18:09 九门提督琪琪 阅读(193) 评论(0) 推荐(0)
自定义select样式
摘要：1.更改select样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>select</title> <style> select { appearance:none; -moz-appearance:no 阅读全文
posted @ 2017-09-25 18:05 九门提督琪琪 阅读(320) 评论(0) 推荐(0)
弹出框居中
摘要：为什么会居中？期初我也不明白，但是看到下面的代码我就知道了，这是博主曾经写过一个水平垂直居中的技巧，就是利用空白标签实现这个效果，只不过这里换成了伪类元素。点赞.dialog_container:after {display: inline-block;content: ”;width: 0;hei 阅读全文
posted @ 2017-09-10 19:26 九门提督琪琪 阅读(135) 评论(0) 推荐(0)
less的学习
摘要：1.什么是less：css的预编译器 2.less中的两种注释 //:这种注释不会被编译到css文件中去 /**/:这种注释会被编译到css文件中 3.less编译工具 Koala:国人开发全平台的less编译工具 Winless:windows Codekit:Mac 4.less的正确使用 le 阅读全文
posted @ 2017-08-27 16:21 九门提督琪琪 阅读(266) 评论(0) 推荐(0)
flex布局
摘要：摘自：http://www.css88.com/archives/7760#more-7760 1. 阅读全文
posted @ 2017-08-18 11:30 九门提督琪琪 阅读(97) 评论(0) 推荐(0)
font泛型字体
摘要：serif、sans-serif、cursive、fantasy、monospace :Times New Roman、Times、Arail、Geneva、Verdana、Courler New、Courler 阅读全文
posted @ 2017-08-15 18:09 九门提督琪琪 阅读(264) 评论(0) 推荐(0)
关于移动端可视区的一些概念（viewport、Retina）
摘要：Retina 显示屏的网页图片兼容方案（摘录） 摘自：http://mutian.wang/tech/1386 移动前端开发之viewport的深入理解 摘自：http://www.cnblogs.com/2050/p/3877280.html 【原】高清显示屏原理及设计方案 摘自：http://w 阅读全文
posted @ 2017-07-26 19:54 九门提督琪琪 阅读(286) 评论(0) 推荐(0)
移动适配
摘要：1.物理像素，设备像素和dpr设备像素比 2.弹性布局要记住3点：文字流式，控件弹性，图片等比缩放 移动适配方案： 1.通过媒体查询，对不同设备进行适配 缺陷：这样的适配只能针对一些范围的适配，对于页面不同大小的适配元素的不稳定性可能会不断增加适配元素，增加了工作量 2.rem 网易rem方案： 利 阅读全文
posted @ 2017-07-25 16:52 九门提督琪琪 阅读(151) 评论(0) 推荐(0)
第一次演讲准备篇--css
摘要：1.css新增的属性 阅读全文
posted @ 2017-07-07 23:48 九门提督琪琪 阅读(178) 评论(0) 推荐(0)
让img居中的方法
摘要：html模板： <div class="container"> <img src="img/1.png" alt="" style="width: 100px;height: 100px;"> </div> 1.水平垂直居中 A.转化为表格单元格的形式 .container{ display: ta 阅读全文
posted @ 2017-06-02 10:28 九门提督琪琪 阅读(198) 评论(0) 推荐(0)
盒子中得文字居中
摘要：1. 阅读全文
posted @ 2017-06-01 13:48 九门提督琪琪 阅读(228) 评论(0) 推荐(0)
盒子居中问题
摘要：html简单模板： <div class="container"> <div class="box"></div> </div> 1.父盒子、子盒子均固定宽高 A.父盒子相对定位，子盒子绝对定位(垂直水平居中) .container{ width: 600px; height: 500px; pos 阅读全文
posted @ 2017-06-01 13:47 九门提督琪琪 阅读(255) 评论(0) 推荐(0)
阿里巴巴iconfont的用法
摘要：1.在网站搜索你需要的图标，把它们先全部添加到购物车当中； 2.然后添加到项目当中，可以添加到以前的项目列表，也可以新建一个项目文件； 3.最后按下载到本地，它会有一个download包下载到本地；解压缩你会看到一系列文件，你可以选择你要的demo按步骤操作 阅读全文
posted @ 2017-05-17 13:50 九门提督琪琪 阅读(215) 评论(0) 推荐(0)
mask-image进度加载学习
摘要：案例来自:http://www.cnblogs.com/vajoy/p/5095511.html; 效果展示: 代码展示: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title></title> 5 <style> 6 app>div.load 阅读全文
posted @ 2017-05-04 16:14 九门提督琪琪 阅读(257) 评论(0) 推荐(0)
盒子居中显示
摘要：1.margin:0 auto; 阅读全文
posted @ 2017-03-29 13:47 九门提督琪琪 阅读(100) 评论(0) 推荐(0)
list-style-image不能设置位置
摘要：1.给li设置样式,简单的可以用list-style-image属性完成,直接赋值url图片路径就可以 但是当要求设置图片位置的时候,那么可以告诉大家,舍弃它,它不可以完成这项任务. 2.当上述方法怎么也达不到效果让你头痛万分的时候,你就要重新想到它background,你可以根据你的需要给他设置位 阅读全文
posted @ 2017-01-11 15:34 九门提督琪琪 阅读(3487) 评论(0) 推荐(0)
css3新属性object-fit,对页面img处理
摘要：1.http://my.xueh5.com/xh5639998239/detail-3661.html 针对其进行深度讲解推荐 http://www.zhangxinxu.com/wordpress/2015/03/css3-object-position-object-fit/ 阅读全文
posted @ 2016-12-28 14:11 九门提督琪琪 阅读(2035) 评论(0) 推荐(0)
清除浮动
摘要：1. 阅读全文
posted @ 2016-12-26 09:05 九门提督琪琪 阅读(114) 评论(0) 推荐(0)