随笔分类 -  css

1 2 下一页
border绘制三角形
摘要：(1)有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。 最容易想到的，是叠加层。思路是将两个三角形叠加在一起，外层三角形稍大一些，颜色设置成 阅读全文
posted @ 2017-11-05 18:56 Lonely,lonelyBurning 阅读(312) 评论(0) 推荐(0) 编辑
rem布局计算（移动端，pc端有兼容性）
摘要：1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <script> 5 function rootREM() { 6 var W = document.documentElement.clientWidth; 7 W = (W <= 640) ? W : 阅读全文
posted @ 2017-10-11 17:38 Lonely,lonelyBurning 阅读(1554) 评论(0) 推荐(0) 编辑
rem
摘要：从博主学习前端一路过来的经历了解到，前端移动开发是大部分从PC端转战移动端的小伙伴都非常头疼的一个问题，这边博主就根据一篇自己看过的移动开发文章来剖析一下网易和淘宝的rem解决方案，希望能够帮助到一些从PC端转战web移动开发的小伙伴，因为是第一次写博文，写得不好的地方也希望大家多多包涵啦(*^__ 阅读全文
posted @ 2017-10-11 17:35 Lonely,lonelyBurning 阅读(282) 评论(0) 推荐(0) 编辑
css3 loading 效果
摘要：Document ... 阅读全文
posted @ 2017-09-18 09:39 Lonely,lonelyBurning 阅读(174) 评论(0) 推荐(0) 编辑
你真的了解word-wrap和word-break的区别吗？
摘要：这两个东西是什么，我相信至今还有很多人搞不清，只会死记硬背的写一个word-wrap:break-word;word-break:break-all;这样的东西来强制断句，又或者是因为这两个东西实在是太拗口了，长得又差不多，导致连背都很难背下来。 那它们到底是什么呢？我在mozilla的官网上找到如 阅读全文
posted @ 2017-09-12 18:56 Lonely,lonelyBurning 阅读(169) 评论(0) 推荐(0) 编辑
input type= file 如何更改自定义的样式
摘要：1、项目碰到上传文件，自定义的文件很大，样式丑陋，如何更改 阅读全文
posted @ 2017-06-28 16:25 Lonely,lonelyBurning 阅读(1516) 评论(0) 推荐(0) 编辑
项目bug
摘要：word-break: normal|break-all|keep-all; 值 描述 normal 使用浏览器默认的换行规则。 break-all 允许在单词内换行。 keep-all 只能在半角空格或连字符处换行。 阅读全文
posted @ 2017-06-17 11:54 Lonely,lonelyBurning 阅读(126) 评论(0) 推荐(0) 编辑
position: absolute;
摘要：fixed： 模态窗: 阅读全文
posted @ 2017-06-08 17:26 Lonely,lonelyBurning 阅读(168) 评论(0) 推荐(0) 编辑
旧的flex
摘要： 阅读全文
posted @ 2017-06-07 18:44 Lonely,lonelyBurning 阅读(146) 评论(0) 推荐(0) 编辑
css reset.css
摘要：1/css reset.css http://meyerweb.com/eric/tools/css/reset/ http://meyerweb.com/eric/tools/css/reset/ 阅读全文
posted @ 2017-05-05 14:15 Lonely,lonelyBurning 阅读(151) 评论(0) 推荐(0) 编辑
认识rem
摘要：ABC ABC 阅读全文
posted @ 2017-04-17 10:34 Lonely,lonelyBurning 阅读(140) 评论(0) 推荐(0) 编辑
移动端rem的用法
摘要：标签： 1.rem（font size of the root element）是指相对于根元素的字体大小的单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。二者都是相对单位2.我 阅读全文
posted @ 2017-04-13 17:26 Lonely,lonelyBurning 阅读(291) 评论(0) 推荐(0) 编辑
CSS 命名规范总结
摘要：CSS 命名规范总结 BEM 命名给 CSS 以及 html 提供清晰结构，命名空间提供更多信息，模块化提高代码的重用，以达到 CSS 命名语义化、可重用性高、后期维护容易、加载渲染快的要求。 首先，这是一篇仅对 CSS 命名的总结，更多 CSS 规范请参考规范文档。其次 CSS 命名并无对错之分， 阅读全文
posted @ 2017-04-12 15:03 Lonely,lonelyBurning 阅读(249) 评论(0) 推荐(0) 编辑
reset.css
摘要：reset.css 代码 阅读全文
posted @ 2017-04-12 14:27 Lonely,lonelyBurning 阅读(149) 评论(0) 推荐(0) 编辑
css 优先级的bug
摘要：对于前端而言，了解css样式的优先级，对开发或处理bug有着事半功倍的效果，今天在做项目的时候，突然碰到一个优先级的小问题，刚开始不知道所因，后来才发现这个问题是由优先级造成的。先描述下问题，鼠标悬停在父容器时，子容器显示，移开消失。看到这个问题，可能有些人要喷了，这和优先级有毛线关系，看起来的确没 阅读全文
posted @ 2017-04-07 16:15 Lonely,lonelyBurning 阅读(277) 评论(0) 推荐(0) 编辑
css 的通用样式 设置 和倒计时功能 移动轮播图的手势滑动的功能
摘要：body{ line-height:1.4; color:#333; font-family:arial; font-size: 12px; background:white; } input,textarea,select{ font-size:12px; font-size:100%; font-family:arial... 阅读全文
posted @ 2017-04-04 16:13 Lonely,lonelyBurning 阅读(1250) 评论(0) 推荐(0) 编辑
css超出一行添加省略号属性:text-overflow和white-space
摘要：css超出一行添加省略号属性:text-overflow和white-space A-A+ 前端博客•前端开发•CSS•14994View1 css超出一行添加省略号属性:text-overflow和white-space A-A+ 前端博客•前端开发•CSS•14994View1 A-A+ 文章目 阅读全文
posted @ 2017-03-31 09:54 Lonely,lonelyBurning 阅读(1315) 评论(0) 推荐(0) 编辑
盒子上下左右居中
摘要：1、盒子居中； 阅读全文
posted @ 2017-03-30 14:19 Lonely,lonelyBurning 阅读(478) 评论(0) 推荐(0) 编辑
CSS3 Flex布局（伸缩布局盒模型）学习
摘要：CSS3 Flex布局（伸缩布局盒模型）学习 转自：http://www.xifengxx.com/web-front-end/1408.html CSS3 Flex布局（伸缩布局盒模型）学习 转自：http://www.xifengxx.com/web-front-end/1408.html CS 阅读全文
posted @ 2017-03-28 15:45 Lonely,lonelyBurning 阅读(40624) 评论(0) 推荐(0) 编辑
CSS3 伸缩布局盒模型
摘要：CSS3 伸缩布局盒模型 CSS3 伸缩布局盒模型 CSS3-">CSS3 伸缩布局盒模型 CSS3引入的布局模式Flexbox布局，主要思想是让容器有能力让其子项目能够改变其宽度，高度，以最佳方式填充可用空间。Flex容器使用Flex项目可以自动放大与收缩，用来填补可用的空闲空间。 更重要的是，F 阅读全文
posted @ 2017-03-28 14:27 Lonely,lonelyBurning 阅读(323) 评论(0) 推荐(0) 编辑

1 2 下一页
点击右上角即可分享
微信分享提示