html css
吃不胖的磊磊磊
这个作者很懒,什么都没留下…
展开
-
textarea 在浏览器中固定大小和禁止拖动
HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,但大小在浏览器中(firefox、chrome)还是可以调节的,使用 CSS 的 height 和 width 属性效果和rows cols定义的效果相同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下两个样式禁用拖动,原创 2016-06-03 16:15:07 · 42696 阅读 · 0 评论 -
修改input默认placeholder的默认样式
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff; } input:-moz-placeholder, textarea:-moz-placeholder { color: #fff; } input::-moz-placeholder, textarea:原创 2017-04-30 23:12:07 · 13040 阅读 · 0 评论 -
CSS实现经典三栏布局(两侧定宽,中间自适应)
html代码:css代码: #left{ float: left; width:100px; height: 100px; background-color: #00A5FF; } #right{ float: right; width:100px; h原创 2016-10-31 23:58:17 · 1002 阅读 · 0 评论 -
两列布局——左侧宽度固定,右侧宽度自适应的两种方法
今天做了一个练习,要求用两种方法来实现左侧宽度固定、右侧宽度自适应的两列布局。一开始我以为会很简单,毕竟只是练习,但是我写出了一种方法之后却没能顺利的写出第二种方法。对于网上的一些解决方法我还是不太满意,于是自己继续琢磨着,问问一些前辈,希望得到一些思路。终于,皇天不负有心人,在自己翻译的一篇关于BFC的文章上,我找到了解决的方法。 关于左侧宽度固定,右侧宽度自适应两列布局的一种很常用的转载 2016-10-31 23:44:19 · 571 阅读 · 0 评论 -
Session机制详解
虽然session机制在web应用程序中被采用已经很长时间了,但是仍然有很多人不清楚session机制的本质,以至不能正确的应用这一技术。本文将详细讨论session的工作机制并且对在Java web application中应用session机制时常见的问题作出解答。 一、术语session 在我的经验里,session这个词被滥用的程度大概仅次于transacti转载 2016-10-08 11:14:02 · 511 阅读 · 0 评论 -
Web 网页通信之长连接、长轮询
基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。一、什么是长连接、长轮询?用通俗易懂的话来说,就是客户端不停的向服务器发送请求以获取最新的数据信息。这里的“不停”其实是有停止的,只是我们人眼无法分辨是否停止,它只是一种快速的停下然后又立即开始连接而已。转载 2016-10-18 23:04:14 · 604 阅读 · 0 评论 -
HTML5 data-* 自定义属性
在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题,而且关于Attribute和Property的区别也让人十分头痛,在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。读写方式转载 2016-10-14 22:14:46 · 438 阅读 · 0 评论 -
很多网站的内容储存用多个域名的好处
主要是节省带宽。 问题里的“网站的内容”,其实指的是网站的图片,或者视频,或者js,css。 举例说一下: twitter 的主站 http://twitter.com ,用户的每次访问,都会带上自己的cookie ,挺大的。假如twitter 的图片放在主站域名下,那么用户每次访问图片时,request header 里就会带有自己的cookie ,header 里的co转载 2016-08-14 22:23:14 · 3253 阅读 · 0 评论 -
浅谈前端与SEO
SEO(Search Engine Optimization)搜索引擎优化,是为了增加页面在搜索引擎自然搜索结果中的收录数量以及提升排序位置而做的优化行为。SEO有一条不变的准则就是它永远都在变,因为没有一沉不变的优化方案可供大家套用。但我们仍然可以发现一些基础的或是被人们工人的规律来进行网站的SEO。从宏观的角度来说,我认为SEO有三条最重要的规律,那就是原创的内容、高质量的外部链接和适度的优化转载 2016-07-19 16:14:12 · 2687 阅读 · 0 评论 -
垂直居中问题
垂直居中问题使用verticaldiv style="width: 100px;height:500px;background-color: #0000FF;display: table-cell;vertical-align:middle"> div style="width:50px;height: 50px;background-color: #66aa33;" >div>原创 2016-07-10 16:20:25 · 256 阅读 · 0 评论 -
浅谈a伪类选择器的书写顺序
首先先声明一下标签a伪类选择器的正确书写顺序如下a:link a:visited a:hover a:active 为什么必须得按顺序呢? 这个问题可以这样来解答。 首先注意关键的两点:1.这4个伪类特指度相同。2.一个链接可能同时处于多种状态,即同时属于多个伪类。 好,现在来详细剖析。 未点击链接前,link伪类长期处于激活状态,鼠转载 2016-07-26 16:09:45 · 2820 阅读 · 0 评论 -
去除inline-block之间的间距
去除inline-block元素间间距的N种方法一、现象描述真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,很简单的个例子: 间距就来了~~我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题:.space a { display: inli转载 2016-07-10 16:22:30 · 286 阅读 · 0 评论 -
解决移动端overflow:scroll元素内部1px元素不显示方法
问题:移动端解决1px问题惯用方法是利用scale的方法缩放达到绝对的1px效果,然而android手机浏览器会有一个问题,就是overflow:scroll元素内部1px元素不显示解决方案:不使用scale方法实现,转而使用渐变的思想来实现,不用多说贴代码吧,懂的人自然懂 哈哈.split-border{ position: absolute; top: 0px; width: 1原创 2017-11-25 13:04:27 · 1198 阅读 · 0 评论