本月博客排行
-
第1名
Xeden -
第2名
fantaxy025025 -
第3名
bosschen - paulwong
- johnsmith9th
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - gengyun12
- wy_19921005
- vipbooks
- e_e
- wallimn
- benladeng5225
- ranbuijj
- javashop
- fantaxy025025
- jickcai
- robotmen
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- sam123456gz
- zysnba
- sichunli_030
- gdpglc
- tanling8334
- gaojingsong
- arpenker
- xpenxpen
- kaizi1992
- wiseboyloves
- jh108020
- xyuma
- ganxueyun
- wangchen.ily
- xiangjie88
- Jameslyy
- luxurioust
- mengjichen
- lemonhandsome
- jbosscn
- nychen2000
- zxq_2017
- wjianwei666
- lzyfn123
- forestqqqq
- ajinn
- siemens800
- hanbaohong
- 狂盗一枝梅
- java-007
- zhanjia
- 喧嚣求静
最新文章列表
html css中的一些元素的默认属性
html css布局之类的问题真的让人很头疼,以前总逃避,但现在和以后的页面设计恐怕都得自己亲自上阵了,把它们彻底弄明白真的非常必要了,下面会持续的更新总结。
首先,html有两种类型的元素,行内元素和块级元素,行内元素之间可以共处一行,块级元素则单独享有一行,典型的行内元素有 a标签,块级元素有div,当然行内元素和块级元素可以通过设置display属性或是fl ...
jquery使用div实现滚动条效果
查了些div实现滚动条的效果,看了很多,大多都不符合要求。
要求如下:
1.div大小固定,div中内容大小不固定
2.鼠标移动到内容上时,如果内容太大,则出现滚动条,并可以拖动查看,而内容宽度不变。否则不显示滚动条。
如果纯粹的使用div的overflow-y:scroll,那么内容的宽度会变小。
废话不多说,直接上代码。
在此多谢以下文章的作者,出处如下:
1.http ...
IE6 div 最小高度的解决方法
IE6下默认的字体尺寸大致在 12 – 14px 之间,div 设置高度小于默认值的时候, IE6还是显示其最小的行高。即使用 height:3px; 来定义了一个 div 的高度,是不起作用的,在样色中添加overflow: hidden; 解决问题。
<div style="height: 3px; overflow: hidden;"></div>
input自适应宽度
基本实现思路:
将input的宽度设置为100%,这样就可以填充整个div的区域,然后在input的后面添加一个span元素,span的visibility属性设置为hidden不可见但占据文档流的位置,这时发现input排布在span的上面,于是把input的position属性设置为absolute决定定位,这样就可以将input覆盖在span的上面。在这里需要注意的时当input设置为ab ...
DIV解决背景图片拉伸而不平铺的效果
核心:对该DIV加上一个样式滤镜style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='initGlobalSetImg.do?method=getLoginImg', sizingMethod='scale')"
基本设置:样式
{
background: url("initGlo ...
DIV+CSS布局的好处和意义
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。
如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和 ...
自定义div滚动条样式
效果图:见附
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>div滚动条样式</title>
<meta http-equiv="Content-Ty ...