CSS
csdn17668
会点儿什么呢
展开
-
【微信H5开发】基于html2canvas实现(图文组合)图片长按即可保存(简单处理)
鉴于当前开发的功能比较简单 所以这里只涉及html5的canvas来实现功能,所以没有涉及很深的功能开发<!DOCTYPE html><html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"&am原创 2018-11-09 15:38:17 · 4981 阅读 · 0 评论 -
jQuery html li css 选中状态切换
点击当前li元素后是用removeClass()删除所有li元素(使用siblings()获取)的class样式,然后使用addClass()为当前li添加class。具体演示如下:1、HTML结构:设计三个li元素<ul id="test"> <li>123</li> <li>45</li> &..原创 2018-12-20 12:45:41 · 2661 阅读 · 0 评论 -
Flex 布局教程:语法篇
flex属性:flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 auto。后两个属性可选。该属性有两个快捷值:auto (1 1 auto) 和 none (0 0 auto)。http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html...转载 2019-01-14 13:31:27 · 81 阅读 · 0 评论 -
Flex 布局教程:Flex 项目属性、 布局示例
这里是简单的Flex布局示例,没什么硬货,关键是理解、动手coding一下https://www.cnblogs.com/Y1473/p/10262421.html转载 2019-01-14 14:14:46 · 98 阅读 · 0 评论 -
css实现 /**<br>**/不换行/**<br>**/自动换行/**<br>**/强制换行
1. 强制不换行css{ white-space:nowrap;}2. 自动换行css{ word-wrap: break-word; word-break: normal;}3. 强制英文单词断行 css{ word-break:break-all; }4. CSS设置不转行:overflow:hidden 隐藏 whit...原创 2019-01-09 15:51:44 · 1378 阅读 · 0 评论 -
移动端rem布局详解(转载非原创)
https://www.cnblogs.com/well-nice/p/5509589.html转载 2019-01-16 14:49:33 · 154 阅读 · 0 评论 -
Html5移动端页面 适应布局 (rem布局)
rem的值目前有两种,一种是根据js来调整html的字号,另一种则是通过媒体查询来调整字号·;(function(designWidth, maxWidth) { var doc = document, win = window; var docEl = doc.documentElement; var tid; var rootItem,rootStyle; fu...原创 2019-01-16 15:00:28 · 650 阅读 · 0 评论 -
前端开发案例总结-【CSS3背景图片百分比及应用】
案例:background-size:100% auto,意思是背景图片宽度为元素宽度*100%,高度等比缩放。详情可见css3 background。background-position的原理。下面详细介绍等价写法在看各类教程时有以下等价写法:·top left, left top 等价于 0% 0%. top, top center, center top 等价于 50...原创 2019-01-16 15:14:06 · 470 阅读 · 0 评论