随笔分类 - CSS
摘要:360浏览器,腾讯浏览器,世界之窗,遨游…IE的套套浏览器真是到处都是,在日常生活中,身边的朋友用的也不少,毕竟很多人对浏览器这东西不了解,在他们眼里,神马内核一点区别都没有,但咱们做前端的对这些东西可得非常了解才行,了解他们用的什么版本的 IE 内核对兼容性问题的准确定位也是很有帮助的。 今天抽空
阅读全文
摘要:1 使用前的p是这样: 2 使用后: 3 规定段落中的文本不进行换行::
阅读全文
摘要:1 单选: type="radio" 需求: 男女input只能选择一个 <input type="radio" name="sex" value="男" >男<input type="radio" name="sex" value="女" >女 2 多选: type="checkbox" <inp
阅读全文
摘要:方法1 :自定义去除记忆功能属性: 方法1不行, -->可尝试设置val('')的值为空格(注: 需要在input渲染后及时进行设置, 防止设置失效):
阅读全文
摘要:table { border-collapse:collapse; }
阅读全文
摘要:1 边框:border: 1px solid #0081df; 2 想要单独加上四个圆角: 3 table的border-radius无法直接设置, 可用ul,li替换
阅读全文
摘要:最近用vue写wap站的时候遇到了微信打开页面滚动条无法隐藏的问题。 对于隐藏滚动条,我们最常用的方法首先是: 1、使用以下CSS可以隐藏滚动条: .container::-webkit-scrollbar {display:none}但是要兼容其他浏览器的话这个就不太好用了,这个适用于Chrome
阅读全文
摘要:问题原因: 在CSS中,你设置一个元素的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ,绘制到屏幕上时的盒子宽度和高度会加上设置的边框和内边距值。 这意味着当你调整一个元素的宽度和高度时需要时刻注意到这个元素的边框和内边距。当我们
阅读全文
摘要:1 很多网站都需要更改 <input>内部的placeholder 文字颜色属性:下面来介绍下这个技巧. 2 源代码: 3 介绍:下图方框内决定了,placeholder的文字颜色,同时也可以进行相应更改颜色的设置. 颜色对比
阅读全文
摘要:outline:none;
阅读全文
摘要:HTML5 WebSocket 1 介绍: WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 在WebSocket API中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。 浏览器通过 Ja
阅读全文
摘要:1 <canvas> 标签定义图形,比如图表和其他图像。 例1:简单使用: <canvas id="Canva" width="200" height="100" style="background: yellowgreen"></canvas> 2 Canvas 坐标 canvas 是一个二维网格
阅读全文
摘要:1 HTML 表单和输入 1.1 HTML 表单介绍 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。 表单使用表单标签 <form> 来设置: 例子:表单内的
阅读全文
摘要:1 HTML 区块元素: 大多数 HTML 元素被定义为块级元素或内联元素。 1.1 块级元素实例: <div> <h1>, <p>, <ul>, <table> 块级元素的特点: 独占一行,可设置宽高 1.2 行级元素实例 :<span> <a> 行级元素特点:一行可排布多个,不可设置宽高. 1.
阅读全文
摘要:1 显示嵌入网页中的 MP3 文件: <embed height="50" width="100" src="horse.mp3"> 2 HTML5 <audio> 音频播放属性: 2-1 audio 常用属性: autoplay 自动播放 loop 循环 controls 控制器 例子: <aud
阅读全文
摘要:1 盒子模型 1.1盒子模型的盒子: 以博客园页面为例: 1.2盒子内部构造:边框(border)、内容(content)、填充(padding)、边界(margin) CSS盒子模式都具备这些属性。 这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解,所以叫它盒子模式。
阅读全文
摘要:1 PX px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 PX特点 1. 浏览器无法调整px单位的字体,以em或rem为字体单位可调整字体。 1. 浏览器无法调整px单位的字体,以em或rem为字体单位可调整字体。 2 EM em是相对长度单位。 EM特点 1. em
阅读全文
摘要:1 input 标签去除外边框: 在进行webAPP开发时,input外边框非常影响美观,去除外边框方法如下: 解释: “border: 0px;” 去除 placeholder 外的边框 “outline:none;” “去除点击input框时显示的边框 “cursor: pointer;” 点击
阅读全文
摘要:上一篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。 你会看到,不管是什么布局,Flex往往都可以几行命令搞定。 我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局
阅读全文