随笔分类 -  div+css/html5

网页前端
关于禁用bootstrap响应式解决方法
摘要：前几天接到一个任务，用bootstrap框架写几个静态页面，由于长时间专注于后台开发，所以，花费了3天时间，才终于写完了页面，其中，来回的修改，把遇到的问题说一下。 用bootstarp做完页面后，组长当时又改变主意了，说不用bootstrap，或者禁用bootstrap响应式，没办法，只有禁用响应 阅读全文
posted @ 2018-11-27 16:13 惑心 阅读(2791) 评论(0) 推荐(0)
CSS实现文字内容不被截断当超出指定长度时该字符串自动整体换到下一行
摘要：效果图： 1、内容不被截断 span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; list-style: none; word-break:keep-all; float:left;} 2、超出行长度时换行 xg_dl 阅读全文
posted @ 2018-08-30 15:48 惑心 阅读(564) 评论(0) 推荐(0)
小程序中阿里图标引入方式
摘要：小程序中阿里图标引入方式 一、打开http://www.iconfont.cn，搜索自己需要的图标，并添加入库，加入自己建好的项目 二、将图标文件下载至本地 三、解压缩下载的文件，并打开iconfont.ttf文件, 四、将页面所有内容复制到需要引用图标的小程序页面的wxss页面，例如index.w 阅读全文
posted @ 2018-08-27 10:25 惑心 阅读(2441) 评论(0) 推荐(0)
all.css
摘要：@charset "utf-8"*{-webkit-tap-highlight-color:rgba(0,0,0,0); padding:0; margin:0;}body{ font-size:100px; background-color:#f5f5f5; overflow-x:hidden; 阅读全文
posted @ 2017-10-10 11:05 惑心 阅读(385) 评论(0) 推荐(0)
前端CSS规范整理
摘要：一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关 阅读全文
posted @ 2017-07-04 14:47 惑心 阅读(161) 评论(0) 推荐(0)
CSS3 选择器——伪类选择器
摘要：前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法，今天要和大家一起学习CSS3选择器中的第三部分，也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类 阅读全文
posted @ 2016-12-12 18:02 惑心 阅读(4657) 评论(0) 推荐(0)
bootstrap中的模态框（modal，弹出层）
摘要：bootstrap中的模态框（modal），不同于Tooltips，模态框以弹出对话框的形式出现，具有最小和最实用的功能集。 务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 body 标签的直接子元素），以避免其他组件影响模态框的展现或功能。 默认的modal示例： [htm 阅读全文
posted @ 2016-12-12 15:45 惑心 阅读(49865) 评论(1) 推荐(1)
移动前端开发之viewport的理解
摘要：在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就 阅读全文
posted @ 2016-03-18 10:20 惑心 阅读(406) 评论(0) 推荐(0)
纯CSS实现图片水平垂直居中于DIV（图片未知宽高）
摘要：一个问题一直困扰着不少前端制作人员（也称前端开发工程师，o(∩_∩)o）。如题，如何实现一张未知宽高的图片在一个Div里面水平垂直居中呢？相信部分前端Sir首先想的是Table布局，是的，实现起来不是很麻烦，但肯定也有和浩子一样有代码洁癖的人。在这里，浩子忽略Table的实现方法，有兴趣的也可以去研... 阅读全文
posted @ 2015-10-10 11:01 惑心 阅读(390) 评论(0) 推荐(0)