![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
dazhi_100
这个作者很懒,什么都没留下…
展开
-
CSS网页宽度的几个方案
设计网页的时候,确定宽度是一件很苦恼的事。以minifun.cn为例,根据Google Analytics的统计,半年多以来,访问者的屏幕分辨率一共有81种。最小的分辨率是122x160,这应该是手机;最大的分辨率是3360x1050,天知道是什么设备。一张网页要在大小如此悬殊的各种屏幕上,都呈现令人满意的效果,难度可想而知。举例来说,一张400px宽的图片,在800px的屏幕上会占据50%的转载 2014-02-24 20:08:07 · 1865 阅读 · 0 评论 -
深入了解css的行高Line Height属性
什么是行间距?古时候我们使用印刷机来出来文字。印刷出来的每个字,都位于独立的一个块中。行间距,即传说中控制两行文字垂直距离的东东。在CSS中,line-height被用来控制行与行之间垂直距离。不过,行间距与半行间距,还是取决于CSS中的line-height。那么,如何来使用line-height呢?默认状态,浏览器使用1.0-1.2 line-height, 这转载 2015-10-22 11:31:44 · 398 阅读 · 0 评论 -
css hack 处理浏览器的兼容问题
CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。目录转载 2014-07-14 14:58:51 · 620 阅读 · 0 评论 -
textarea标签中resize缩放属性的设置
CSS3中新增了resize缩放属性,这个属性可以应用到任意元素。目前只有Webkit内核的浏览器才支持这个css3属性,即Google chrome和Apple safari都支持。而textarea标签中,Webkit内核的浏览器会默认resize的值为both,即用户可以调节元素的宽度和高度。如下图就是在Google chrome中我博客的textarea的默认显示,textarea转载 2014-06-17 10:13:37 · 1985 阅读 · 0 评论 -
textarea 在浏览器中固定大小和禁止拖动
HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下两个样式禁用拖动,固定转载 2014-06-17 10:14:43 · 587 阅读 · 0 评论 -
图解CSS的padding,margin,border属性(详细介绍及举例说明)
图解CSS的padding,margin,border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域:内容(content)、边框距(padding)、边界(border)和边距(margin)。 对于初学者,经常会搞不清楚margin,background-c转载 2014-06-15 12:26:50 · 662 阅读 · 0 评论 -
使用css进行浏览器样式清零
css是web开发中很重要的元素,良好的css可以实现非常优雅的页面效果。但是摆在开发者面前的各种浏览器的兼容性问题常常搞的人焦头烂额。而设计者希望给用户展现的是风格样式统一的web页面还有一致的用户体验。开发者虽然不能做到各浏览器完全一样的显示效果,但是有些事情还是可以做到的。为了便于统一,一般都会使用一份css清零代码,从而使浏览器的默认样式尽量一致。下面这段就转载 2014-06-14 20:53:11 · 5746 阅读 · 0 评论 -
html input readonly 和 disable的区别
Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会转载 2014-04-15 21:04:35 · 627 阅读 · 0 评论 -
CSS控制文本自动换行
1.你定死表格的宽度,即给表格一个宽度值(是数值,不是百分比) 2.强制不换行div{//white-space:不换行;normal 默认;nowrap强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象white-space:nowrap; }自动换行div{ word-wrap: break-word; //word-break设置强行换行;n转载 2014-02-24 21:13:26 · 801 阅读 · 0 评论 -
js、css、img等浏览器缓存问题的2种解决方案
细节决定成败!浏览器缓存的意义在于提高了执行效率,但是也随之而来带来了一些问题,导致服务端修改了js、css,客户端不能更新 方法一 生成随机数字 复制代码代码如下: 缺点,浏览器缓存失去意义,每次都动态加载。 方法二 版本号控制,设置全局变量,每次发布前版本号加1 复制代码代码如下:“> 推荐这种做法,这种做法比较简单。转载 2016-03-11 12:46:18 · 1737 阅读 · 0 评论