前端学习
关注
分享
扫一扫
petterp
无限进步
展开
-
@media screen and 不起作用原因汇总。（转载）
@media screen and 不起作用原因汇总。首先确认是不是css本身的问题，而不是媒体查询没有生效；例如div{display:flex;}/*那么div所有的display效果都将无法生效*/第一种错误：格式书写错误and后面必须有空格例如下面代码；@media screen and (max-width:500px){ }第二种错误：样式冲突；@m...转载 2018-08-31 17:31:05 · 23560 阅读 · 8 评论 -
CSS设计栏目
<!doctype html><html><head><meta charset="utf-8"><title>css设计栏目</title> <style type="text/css"> body{ /*页面初始化*/ background-co原创 2018-08-22 20:23:24 · 974 阅读 · 0 评论 -
纯CSS设计按钮
不需要图片和js技术。能够兼容各种浏览器，不兼容opera.支持三种按钮状态，即正常，悬停和激活。可以应用到任何html元素。完全兼容不支持css3的浏览器，若不兼容css3，则显示没有渐变和阴影的普通按钮。<!doctype html><html><head><meta charset="utf-8"><titl...原创 2018-08-22 19:25:28 · 1301 阅读 · 0 评论 -
解决IE6以下版本使用属性选择器
IE6以及低版本浏览器不支持属性选择器，如果需要兼容低版本IE浏览器，则需要在开头导入IE8.js文件。<script type="text/javascript" src="IE8.js"></script>...原创 2018-08-12 14:36:37 · 570 阅读 · 0 评论 -
H5在网页中拖放图片
H5中实现拖放效果，常用的实现方法是利用事件drag和drop;1.设置元素为可拖放。<img draggable="true"/>2.第二步：拖动什么实现拖放的第二步就是设置拖动的元素，常见的元素有图片，文字，动画，实现拖放功能的是 ondragstart和setData()，即规定当元素被拖动时，会发生什么。dataTransfer.setData()方法设置被...原创 2018-08-02 17:41:26 · 3137 阅读 · 0 评论 -
通过属性选择器获取表单对象
通过一个简单的联系表单，通过表单对象属性选择器获取表单对象。<!doctype html><html><head><meta charset="utf-8"><title>设计表单样式</title> <style type="text/css"> /*清除原创 2018-08-15 19:34:40 · 657 阅读 · 0 评论