css
关注
分享
扫一扫
css
八佾舞于庭
幸对清风皓月，苔茵展，云幕高张。江南好，千钟美酒，一曲满庭芳。
展开
-
html5 input标签上传完美兼容ios、android
<input class="js_upFile cover1" type="file" name="cover" accept="image/*" capture="camera" multiple>上述代码不能很好地兼容ios,加上下面代码即可。$(function () { var nav = navigator.userAgent.toLowerCase()原创 2018-12-03 15:21:22 · 5448 阅读 · 0 评论 -
css 文字超出部分显示省略号
设置table固定布局，否则自适应布局会不受控制table{ table-layout: fixed;}单行文字 ：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;原创 2018-11-30 10:09:52 · 267 阅读 · 0 评论 -
修改input、textarea输入框placeholder样式
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:lightgray; } input:-moz-placeholder, textarea:-moz-placeholder { color:lightgray; } input::-moz-pla...原创 2018-11-30 10:03:49 · 2775 阅读 · 0 评论 -
textarea标签内部注释无效
textarea标签标签内部有注释代码的话，代码依然会有效，vue在textarea内部注释的插值{{}}变量会因为在data中查找不到报错，原创 2018-11-23 16:19:04 · 608 阅读 · 0 评论 -
对于web前端 seo优化以及性能优化的一点认识
seo优化 例如百度搜索引擎后台会派出百度蜘蛛，全天候在海量数据里识别并抓取内容；再对内容进行筛选过滤，去掉低质量的内容；将筛选后合格的内容，存储到一个临时的索引库中，进行分类存储。互联网这么多资料，百度蜘蛛怎么会注意到你的网站呢?这时候就需要我们去吸引它——高质量的外链或友链，百度可以通过这些链接来到你的网站上来！不过注意！百度蜘蛛也有不喜欢的东西——比如：js、没有添加A...原创 2018-10-10 10:11:33 · 450 阅读 · 0 评论 -
css 样式初始化代码
个人用的比较多的样式初始化：/*公共样式*//*1.样式重置*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ padding: 0; margin: 0; /*设置盒模型*/...原创 2018-10-10 08:53:24 · 351 阅读 · 0 评论 -
css添加table tr边框border
先给table{border-collapse: collapse;}再给table tr{ border: 1px solid #e5e5e5;}不然不会生效。原创 2018-10-24 09:12:45 · 1915 阅读 · 0 评论 -
textarea禁止拖拽、去掉右下角三角
textarea{resize:none;border:none;}~but 亲测移动端uc浏览器下三角依旧存在原创 2018-10-26 16:01:56 · 2718 阅读 · 0 评论 -
WebApi之DeviceOrientationEvent
属性DeviceOrientationEvent.absolute （只读）用来说明设备是提供的旋转数据是否是绝对定位的布尔值。DeviceOrientationEvent.alpha （只读）一个表示设备绕z轴旋转的角度（范围在0-360之间）的数字DeviceOrientationEvent.beta （只读）一个表示设备绕x轴旋转（范围在－180到180之间）的数字，从前到后的方...原创 2018-10-26 14:36:14 · 872 阅读 · 0 评论 -
移动端浏览器 禁止放大 横屏 竖屏
禁止放大：<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />强制横屏或者竖屏：<meta name="screen-orientation" content="portrait">//uc原创 2018-10-26 14:21:27 · 3558 阅读 · 0 评论 -
css 不定宽高元素 水平垂直居中
方法三种，可以根据实际需求选择。 方法一<body> <div id="box"> <div id="content">山夫不解数甲子，一叶落知天下秋。</div> </div> </body>html,body{ width:100原创 2018-10-19 15:48:53 · 827 阅读 · 0 评论 -
vue过渡动画transition、关键帧（keyframes）动画的实现
要想让动画发生，还得要有元素状态的改变。如何改变元素状态呢，当然就是在css中给这个元素定义一个类（:hover等伪类也可以），或者控制元素的显示隐藏，也可改变元素的状态，这个类描述的是过渡动画结束时元素的状态。 transition动画 vue结合原生css动画:<!DOCTYPE html><html lang="en"><head>...原创 2018-12-17 17:00:41 · 2966 阅读 · 0 评论