html/css - 随笔分类 - 二婷啵

vue-cli 项目里屏幕自适应

摘要：很多同学可能在写h5的时候，也会遇到移动端如何控制屏幕自适应问题！在移动端网页开发中，我们可以用手机淘宝的flexible．那么在vue当中，也同样可以用！接下来就介绍下如何在vue-cli配置的项目里来实现屏幕自适应一、首先，我们需要安装flexible库．项目目录下 cmd命令：npm inst 阅读全文

posted @ 2018-07-06 10:58 二婷啵阅读(3378) 评论(0) 推荐(0)

ipone 5s上，字体rem遇到的问题

摘要：webapp中，12px的字体，利用rem实现自适应布局，发现只有在ipone 5s中字体超大，这两个class元素中字体一样大小，发现上面元素字体在ipone 5s中很大，后来验证问题在哪里，发现设置了固定的rem宽度的问题，加上高度就可以了或者宽度写百分比；总结就是截图上面的红框阅读全文

posted @ 2018-04-26 14:26 二婷啵阅读(267) 评论(0) 推荐(0)

面试的信心来源于过硬的基础

摘要：原文链接：segmentfault.com 1、 viewport 延伸提问怎样处理移动端 1px 被渲染成 2px 问题 2、跨域的几种方式首先了解下浏览器的同源策略同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览阅读全文

posted @ 2018-03-02 14:56 二婷啵阅读(308) 评论(0) 推荐(0)

禁止textarea拉伸

摘要：添加css属性： style="resize:none" ; 阅读全文

posted @ 2017-12-07 11:16 二婷啵阅读(258) 评论(0) 推荐(0)

自定义input[type="radio"]的样式（支持普通浏览器，IE8以上）

摘要：对于表单，input[type="radio"] 的样式总是不那么友好，在不同的浏览器中表现不一。对单选按钮自定义样式，我们以前一直用的脚本来实现，不过现在可以使用新的伪类 :checkbox 来实现。如果直接对单选按钮设置样式，那么这个伪类并不实用，因为没有多少样式能够对单选按钮起作用。不过，阅读全文

posted @ 2017-12-07 11:14 二婷啵阅读(2600) 评论(0) 推荐(0)

HTML5中input[type='date']自定义样式

摘要：HTML5提供了日历控件功能，缩减了开发时间，但有时它的样式确实不如人意，我们可以根据下面的代码自行修改。建议：复制下面的代码段，单独建立一个css文件，方便我们修改。效果css代码为： HTML5中input[type='date']自定义样式&日历校验功能http://blog.csdn.n 阅读全文

posted @ 2017-12-07 11:02 二婷啵阅读(22776) 评论(0) 推荐(1)

设置table中的td一连串内容自动换行

摘要：遇到一长串字母撑出了td宽度，导致整个表格错乱，如图：，解决办法：第一： table 加上css: table-layout: fixed;（此css属性表示列宽由表格宽度和列宽度设定。不会因为内容而改变设定的宽高，而是会自适应外面的容器）。第二： td 加上css: word-wrap 阅读全文

posted @ 2017-12-01 10:44 二婷啵阅读(16774) 评论(0) 推荐(0)

浏览器模式与文档模式区别

摘要：浏览器模式下的影响：简单来说，“浏览器模式”影响的是浏览器的版本及IE的条件注释， ”浏览器模式”会影响服务器端对浏览器版本的判断,主要表现在展现，对CSS影响很大先看看以下的代码：这是一段非常简单的IE条件注释代码，在IE7下字体的颜色会被解析为红色，此时我们切换浏览器模式并保持文档模式不变阅读全文

posted @ 2017-11-27 10:49 二婷啵阅读(865) 评论(0) 推荐(0)

HTML5中的data-*属性和jQuery中的.data()方法使用

摘要：原文地址链接：http://blog.csdn.net/fly_zxy/article/details/50687691； HTML5中的data-*属性我们往往会根据需要在HTML标记上添加自定义的属性来存储和操作数据，我们自定义的属性名字也千奇百怪，五花八门。我们可以通过原生的getAttri 阅读全文

posted @ 2017-11-15 14:11 二婷啵阅读(8121) 评论(0) 推荐(0)

点击选择文字，启动相应的复选框。

摘要：代码： <html> <body> <form> <label for="bike">我喜欢自行车：</label><input type="checkbox" name="Bike" id="bike"><br /> <label for="car">我喜欢汽车：</label><input ty 阅读全文

posted @ 2017-10-19 13:38 二婷啵阅读(216) 评论(0) 推荐(0)

10个HTML5美化版复选框和单选框

摘要：单选框Radiobox和复选框checkbox在网页中也十分常见，虽然它没有按钮的交互性强，但是如果能把它们像按钮那样美化一下，那也是非常不错的。本文收集了10个相对比较漂亮的美化版单选框和复选框，希望你会喜欢。 1、CSS3漂亮的自定义Checkbox复选框 9款迷人样式之前我们分享过一款非常不阅读全文

posted @ 2017-10-19 10:10 二婷啵阅读(1341) 评论(0) 推荐(0)

自定义浏览器滚动条的样式，打造属于你的滚动条风格(IE、谷歌)

摘要：自定义IE浏览器滚动条样式追溯浏览器对滚动条的自定义，恐怕最早的就是IE浏览器了（好像最开始支持的版本是IE5.5）。下面列出了多个版本的支持性况：为了有助于理解IE中滚动条样式的控制，你可以查看如下的图片：经过不断的测试发现，在Win8 下面，有一部分样式都起着相同的作用。估计是因为在Win 阅读全文

posted @ 2017-10-11 10:20 二婷啵阅读(297) 评论(0) 推荐(0)

火狐下，td 的 bug;

摘要：想实现类似的效果，看代码， <div style="width:488px;float:left; margin:-52px 0px 15px 15px;"> <table> <tr> <td style="text-align:center;width:70px;height:36px;backg 阅读全文

posted @ 2017-09-14 15:06 二婷啵阅读(309) 评论(0) 推荐(0)

marquee 的浏览器兼容性

摘要：marquee 在IE，firefox，chrome ，safari下都能正常的实现走马灯效果，兼容性没有问题并且两个关键属性scrollamount（滚动速度）direction（滚动方向）所有浏览器都是支持的注意：搜狗高速浏览器不支持marquee且显示不正常，http://ie.sogo 阅读全文

posted @ 2017-08-18 09:31 二婷啵阅读(3310) 评论(0) 推荐(0)

HTML滚动文字代码 marquee标签

摘要：<marquee style="WIDTH: 388px; HEIGHT: 200px" scrollamount="2" direction="up" ><div align="left" ><br /></div ><center ><font face="黑体" color="#008000" 阅读全文

posted @ 2017-08-18 09:30 二婷啵阅读(2266) 评论(0) 推荐(0)

HTML5触摸事件(touchstart、touchmove和touchend)

摘要：HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。一开始触摸事件touch 阅读全文

posted @ 2017-06-27 10:48 二婷啵阅读(594) 评论(0) 推荐(0)

::selection 选择器

摘要：使被选中的文本成为红色：::selection { color:#ff0000; } ::-moz-selection { color:#ff0000; } 阅读全文

posted @ 2017-06-19 16:34 二婷啵阅读(143) 评论(0) 推荐(0)

摘要：这个属性主要是设置浏览器优先使用什么模式来渲染页面的。常见写法如下：<meta http-equiv="X-UA-Compatible" content="IE=7"> #以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。 <meta http-equiv= 阅读全文

posted @ 2017-06-06 15:50 二婷啵阅读(170) 评论(0) 推荐(0)

浅谈如何正确给table加边框

摘要：一般来说，给表格加边框都会出现不同的问题，以下是给表格加边框后展现比较好的方式但是根据不同的需要有时候我们需要不同的样式，在这里我就影响表格边框的因素，做一些总结和分析一、 <table border="1"> 表格边框如图：，也就是border=1，意思就是给表格的每一格，及边框加上1像素的阅读全文

posted @ 2017-06-05 17:10 二婷啵阅读(845) 评论(0) 推荐(0)

Sass 混合宏、继承、占位符详解

摘要：混合宏-声明混合宏如果你的整个网站中有几处小样式类似，比如颜色，字体等，在 Sass 可以使用变量来统一处理，那么这种选择还是不错的。但当你的样式变得越来越复杂，需要重复使用大段的样式时，使用变量就无法达到我们目了。这个时候 Sass 中的混合宏就会变得非常有意义。1、声明混合宏不带参数混合宏：在阅读全文

posted @ 2017-04-05 16:54 二婷啵阅读(439) 评论(0) 推荐(0)

随笔分类 - html/css

公告

导航