HTML5+CSS3
Vivianluolita
这个作者很懒,什么都没留下…
展开
-
CSS元素选择器
http://www.w3school.com.cn/cssref/css_selectors.asp 1.选择内嵌元素 .demo1 .demo2{ background-color: #2F5BFF; }<div class="demo1">qq <div class="demo2">222</div> </div>2.必须两个属性都包含 .demo1原创 2017-07-27 14:29:10 · 397 阅读 · 0 评论 -
CSS3的REM设置字体大小
http://www.w3cplus.com/css3/define-font-size-with-css3-rem原创 2017-02-22 10:55:34 · 565 阅读 · 0 评论 -
自定义图案单选框
htmljs events(); function events(){ /*Base.validateIdCardInput("aac002");*/ $(document).on("tap",".js-agree",function() { var _this=$(this);原创 2017-03-02 10:37:30 · 473 阅读 · 0 评论 -
如何解决乱码问题
http://blog.csdn.net/fanwenjieok/article/details/49678551原创 2017-03-01 09:42:47 · 303 阅读 · 0 评论 -
给页面内嵌iframe绑定监听事件
核心: var testiframe=document.getElementById("iframetest").contentWindow;代码: 屏幕宽度为0 px请试着重新调整浏览器窗口的大小。1111 $(document).ready(function(){ function InitialClass()原创 2016-12-16 10:22:43 · 45087 阅读 · 3 评论 -
兼容ie9以及以下
在script加上注释:原创 2016-12-16 09:50:58 · 599 阅读 · 0 评论 -
伪类:before以及after
http://www.tuicool.com/articles/fmiU3q原创 2016-10-20 17:35:19 · 525 阅读 · 0 评论 -
span用法:用于组合行内元素
我最近 看到 这种html的写法 请问知乎上的朋友 这个写的意义是什么呢?这个写法不规范呀,应该是 单纯的看是没有什么实际意义,无非就是给img一个父标签,便于写css。 具体在页面里面的意思,需要结合他们的css来理解了。另外 来组合行内元素, 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。作者:石头链接:http://www转载 2016-10-20 14:42:50 · 1463 阅读 · 0 评论 -
响应式网页让一个div的高和宽保持比例放大缩小
1,方案一:响应式来做,可以根据媒体查询,设定在不同屏幕宽度下div的高度和宽度,具体的设置看你响应式想怎么显示 @media only screen and (min-width: 100px) and (max-width: 640px) { div{ width: 100px; height: 100px;转载 2016-10-20 14:25:17 · 6002 阅读 · 0 评论 -
伪元素 :before 与 :after(10.19)
1.什么是伪元素简而言之,伪元素将会在内容元素的前后插入额外的元素,因此当我们添加它们时,使用以下的标记方式,他们在技术上是平等的。CSS12345:beforeThis原创 2016-10-19 11:38:22 · 351 阅读 · 0 评论 -
animate
html动画 取消 插入 动画 搞笑 猎奇 电影Gif 流行 内涵原创 2016-11-08 21:29:12 · 1626 阅读 · 0 评论 -
.btns-box input[type="text"]
.btns-box input[type="text"]{ border-radius: .2rem; height: 2.5rem; border:1px solid #ececec; margin-right: 2rem; padding-left: .5rem; }原创 2017-02-22 15:21:13 · 423 阅读 · 0 评论 -
通过AJAX将前端数据传输给后台
js:Ajax中的url对应着后台的responseMapping的url .数据以key-value的形式存放data是后台设定的想要返回来的数据类型。ajax是数据的局部更新,并实现前端的一些功能写在function中。DAO层用于从数据库中取出数据:但前面的id不是,是赋予了input框隐藏的id。原创 2017-03-02 16:05:26 · 1228 阅读 · 0 评论 -
布局(三列二列总结)
1.清除浏览器自带样式 http://www.cnblogs.com/wangkang1/p/5657108.html原创 2017-07-24 09:17:04 · 281 阅读 · 0 评论 -
BEM命名方式
这里的B,指的是Block,也就是"search-form"这里的E,指的是Element,也就是跟随在search-form后的"username", "password"和"submit",并且用两个下划线( __ )表示承接关系这里的M,指的是Modifier,也就是submit后面的"active",用两个连接符表示承接关系( -- )http://www.tuic原创 2017-06-08 11:08:01 · 448 阅读 · 0 评论 -
tab选项卡(mui)
职工医疗 城乡医疗 补充医疗 111 222 333转载 2017-05-16 17:22:58 · 1430 阅读 · 0 评论 -
支付效果实现
Html: 请输入密码原创 2017-05-08 09:35:44 · 615 阅读 · 0 评论 -
如果没有微软雅黑自适应就是宋体
font-family: 'Helvetica Neue', Helvetica, sans-serif;原创 2017-04-14 10:12:21 · 755 阅读 · 0 评论 -
常用快捷键
Ctrl+P:搜索项目中的文件Ctrl+X:删除当前行原创 2017-03-26 11:43:45 · 299 阅读 · 0 评论 -
css box-align box-pack等相关属性
http://www.w3school.com.cn/cssref/pr_box-align.asp原创 2017-02-22 11:30:34 · 463 阅读 · 0 评论 -
mui.css实现选项卡功能
基本信息 办理程序 申请材料 其他 基本信息 办理程序 申请材料 其他原创 2017-03-12 18:04:17 · 6262 阅读 · 1 评论 -
js判断对象属性,并追加
/** * 消息提示(轻) * @method msgTip * @param {String} msg 必选 提示内容 * @param {time: 持续时间, top: top, left: left, bottom: bottom, right: right} 可选 */ Base.msgTip = function(msg, pa原创 2017-02-24 11:49:05 · 1033 阅读 · 0 评论 -
div内嵌套输入框,按钮,
html 税前收入: css.input-box{ border:solid 0.1rem #CCCCCC;border-radius:0.3rem ;}.input-num{padding: 0.5rem 0.3rem;border-radius: 0.3rem;border: none;}原创 2017-02-23 10:31:20 · 3641 阅读 · 0 评论 -
box-flex: 1
设置.md-f1 { box-flex: 1; -webkit-box-flex: 1; },感觉没用啊可是删掉的话,这个div会移动到最右边。 订单编号: 95 医保编号: 0102306305 姓名: 柴立睿原创 2017-02-22 14:41:17 · 741 阅读 · 0 评论 -
选项卡
HTML 发布 发布 阅读权限 密码 收费 免费原创 2016-11-08 08:14:50 · 420 阅读 · 0 评论 -
移动端用伪元素画div的上下边框
移动端渲染应该用transform属性HTML css.WxBookContent{ padding-top: 16px;}.WxBookContent .FormItemEdit { background: #ffffff; padding: 0px 16px; margin-bottom: 10px;原创 2016-10-23 14:07:30 · 3030 阅读 · 0 评论 -
CSS的相关新属性
1.CSS line-height 属性实例设置以百分比计的行高:p.small {line-height:90%}p.big {line-height:200%}2.CSS max-width 属性实例设置段落的最大宽度:p { max-width:100px; }3.padding 简写属性在一个原创 2016-10-23 14:05:01 · 374 阅读 · 0 评论 -
Tab选项卡功能以及单选复选功能
HTML 修改正文排版 取消 插入 板式模块 图文 标题 正文 背景 分割线 小符号小符号 小符号 小符号 小符号原创 2016-11-03 08:23:19 · 1515 阅读 · 1 评论 -
单张图片自适应
HTML css.NavLinks{ position: absolute; width: 100%; top: 96px; bottom:184px; overflow: hidden; zoom:1; }.NavLinks img{ left: 0px; top: 0px;原创 2016-10-22 11:10:07 · 393 阅读 · 0 评论 -
适应式导航
HTML 文字完成 css.Top{ height:44px; background:#db3434; background:#38373d; position:fixed; left:0px; top:0px; width:100%; z-index:1000;}.Top .BtnBack{ width:44px; height:44px原创 2016-10-22 09:32:33 · 339 阅读 · 0 评论 -
自适应列表项
列表项:1.显示固定图片 2. 显示文字 3. 显示按钮HTML 会话气泡 5张 添加 红色印章 5张 添加 水印 7张 添加原创 2016-10-22 16:11:22 · 365 阅读 · 0 评论 -
点击div弹出file选项框
点击打开链接原创 2016-10-22 14:00:15 · 1379 阅读 · 0 评论 -
图片在div中居中多种方式
图片在div中居中点击打开链接原创 2016-10-22 13:57:02 · 1122 阅读 · 0 评论 -
自适应按钮
HTML 使用此模板,立即制作css.Container{ width:100%; height:60px; background:#2d3132; position:absolute; left:0px; bottom:30px; }.Container .DldNow{ display: block; height:原创 2016-10-21 17:54:41 · 1785 阅读 · 0 评论 -
适配手机
.NavLinks{position:relative;width:33.33%;float: left;overflow: hidden;}@media(min-width: 600px){.NavLinks{position:relative;width:16.66%;float: left;overflow: hidden;原创 2016-10-21 14:06:46 · 368 阅读 · 0 评论 -
移动端常见的文本框输入样式
HTML CSS.WxBookContent{ padding-top: 16px;}.WxBookContent .FormItemEdit { background: #ffffff; padding: 0px 26px; margin-bottom: 10px; position: relative;}转载 2016-10-23 14:19:12 · 4249 阅读 · 0 评论 -
移动端段落文本自适应设置
//如果想要设置固定宽度的为24px的div可这样设置font-size: 14px;line-height: 1.7;HTML 说明: 拖动可排序, 点击可编辑 css.WxBookContent .InputTips { font-size: 14px; line-height: 1.7; color: #888888; padding: 0px 16p原创 2016-10-23 14:34:49 · 837 阅读 · 0 评论 -
新生成的元素为什么没有点击事件?
支持给动态元素和属性绑定事件的是live和on,其中live在jQuery 1.7之后就不推荐使用了。现在主要用on,使用on的时候也要注意,on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等,可以放在on的第二个参数里面。点击打开链接点击打开链接点击打开链接原创 2016-10-26 15:51:15 · 1132 阅读 · 0 评论 -
Jquery关于元素筛选
http://www.cnblogs.com/kissdodog/archive/2012/12/09/2809787.html(对于筛选父类元素的某个兄弟节点的div,其他兄弟不筛选。可以用not())转载 2016-10-25 13:44:49 · 359 阅读 · 0 评论 -
用CSS3实现带小三角形的div框(不用图片)
1.用CSS3实现带小三角形的div框(不用图片)2.css 中的background:transparent到底是什么意思有什么作用转载 2016-10-25 08:59:58 · 2840 阅读 · 0 评论