CSS
Seety_ST
不适合写代码的程序媛
展开
-
解决火狐不支持css的zoom属性
IE浏览器和新版chrome都支持css的zoom属性,zoom: 0.5;但是目前为止firefox不支持该属性可以通过下面两个属性实现:-moz-transform,-moz-transform-origin-moz-transform:scale(0.5);但是它会缩放到中间,而IE会缩放到左上角,再通过-moz-transform-origin:top left;就原创 2014-11-22 11:27:17 · 2934 阅读 · 1 评论 -
对css3中的transform transiton animate的理解
transform 是实现的是元素的变形(静态)主要使用有transform:translate() 平移 transform:rotate() 旋转 transform-origin: x, y 主要结合rotate来使用 规定旋转的中心点再哪 transform:scale() 缩放 transform:skew() 倾斜transition是实现的是动画的过程主要使用有transiti原创 2016-01-30 15:43:31 · 1346 阅读 · 0 评论 -
css制作简单的三角形
css简单做三角形html<div class="item-wrap"> <div class="item"> <ul class="img-list"> <li> <div class="tr原创 2016-01-08 16:27:36 · 640 阅读 · 0 评论 -
h5中 <!DOCTYPE html>标签问题,div里面如果装有一个img下边会有2px间隙
问题原因在于:浏览器并没有所谓的”HTML 5 模式”,而是 只有三种:怪异模式(Quirks),几乎标准的模式(Limited Quirks)和标准模式(Standards),其中几乎标准的模式和标准模式之间的唯一差异在于是否对元素给定行高(line-height)和基线(baseline)。几乎标准模式中,如果标签所在行没有其他的行内元素,将不指定基线(baseline),标签因此会紧贴着父元翻译 2016-01-22 16:13:32 · 2599 阅读 · 2 评论 -
css3中 resize 、outline-offset、outline align-items属性 inherit和auto的区别
①resize属性一些理解 (提示拖动这个可以来改变) 语法:resize:none | both | horizontal | vertical none:不可以用户鼠标拖动元素来改变元素的尺寸 both:可以拖动来改变元素的宽高 horizontal:允许拖动改变宽度 vertical:允许拖动改变高度 ②outline 和outline-offset outline设置原创 2016-01-21 17:42:19 · 1211 阅读 · 0 评论 -
box-align和box-pack的使用
通过使用 box-align(垂直) and box-pack(水平) 属性,居中 div 框的子元素:(1)这样可以很简单的模拟对话框水平居中效果一: 1、目前没有浏览器支持box-align属性 2、firefox支持替代的-moz-box-align属性 3、safari opera 以及chrome支持替代的-webkit-box-align属性(2)语法:box-align: sta原创 2016-01-20 16:15:09 · 1626 阅读 · 0 评论 -
CSS3 Box-sizing属性
1、语法:box-sizing:content-box | border-box | inheritcontent-box为默认值 W3C的标准Box Model:/*外盒尺寸计算(元素空间尺寸)*/ Element空间高度 = content height + padding + border + margin Element 空间宽度 = content width + padding翻译 2016-01-20 17:07:53 · 507 阅读 · 0 评论 -
css+html简单的定位到指定的内容
css+html简单的定位到指定的内容<div class="container"> <div class="jumbotron"> <h1>Bootstrap Affix</h1> </div> <div class="row"> <div class="col-xs-3" id="myScrollspy"> <ul原创 2016-01-19 17:49:18 · 882 阅读 · 0 评论 -
jq实现左滑显示删除按钮,点击删除实现删除数据
效果图第一步:加载<script src="js/jquery.min.js"></script><script src="js/jquery.mobile-1.3.2.min.js"></script>第二步:html <div class="item-wrap"> <div class="item clearfix"> <div class="img-i原创 2015-10-14 14:43:21 · 5808 阅读 · 1 评论 -
jquery鼠标hover事件文字内容滑动遮罩效果
效果图=>第一步,首先引入jquery.min.js文件第二步,写html代码<div class="item-wrap"> <div class="item"> <ul> <li> <img src="images/class1.jpg" /> <div class="text-con"原创 2015-10-10 17:35:55 · 2830 阅读 · 1 评论 -
js弄出加载效果,加载完后跳转到指定的页面
效果图html代码<form name=loading><td align=center><p><font color=gray>正在载入首页,请稍候.......</font></p><input type=text name=chart size=46 style="font-family:Arial;font-weight:bolder; color:gray;background-原创 2015-10-10 15:49:44 · 8818 阅读 · 0 评论 -
div+css=>遮罩+弹出框(固定在页面中间)
效果图css代码<style type="text/css" >body{ font-family: "Microsoft YaHei" ! important;}/*灰色遮罩层*/.fade{ width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position: fixed; l原创 2015-10-10 10:35:35 · 14277 阅读 · 1 评论 -
AJAX获取数据然后显示在页面
主要功能流程介绍循环获取列表数据 点击列表数据进入详情页 点击报名参加弹出报名成功提示框 点击提示框中的确定按钮,跳回列表页代码实现流程和解说一、列表页1、访问链接list.php时判断是pc端还是客户端$user_agent_arr = mall_get_user_agent_arr();if(MALL_UA_IS_PC == 1){ //**************原创 2015-10-20 11:14:54 · 20178 阅读 · 2 评论 -
-webkit-box的属性
-webkit-box的一些基本属性原创 2015-04-03 14:53:36 · 1438 阅读 · 0 评论 -
html禁用文本位11位数为电话号码
问题描述:我设置了文本数字不识别为手机号码了,但是在苹果手机里面已经禁用了,但是在安卓手机微信浏览器打开时,只要是11位数字的文本时,都会调起拨打界面为什么呢?原创 2017-09-22 12:02:30 · 2024 阅读 · 2 评论