搜索列表
-
更有效率的css代码编写第1/3页
【CSS/HTML】css代码编写m,css代码编写教程几点注意事项
css代码 -
css实现文字垂直居中的代码第1/2页
【CSS/HTML】css实现文字垂直居中的代码
文字垂直居中 -
DL.DT.DD实现左右的布局简单例子第1/2页
【CSS/HTML】这是今天有人发邮件问的一个问题,最开始的想法是用ul列表来实现;但是这样用出现两个比较麻烦的地方: 1、如果用UL还布局,右边一栏比较麻烦; 2、文字外边的边框自适应比较麻烦; 3、很可能要定死高度; 所以,细细地看一看这个布局,想一想还是用DL.DT.DD作是合理的: 1、布局合理一些; 2、将来扩展很方便; 3、CSS...
DLDTDD实现左右布局简单例子 -
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
【CSS/HTML】关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针...
CSShack完美兼容IE6/IE7/FF -
base href 使用方法详解
【CSS/HTML】当点了链接后,跳出的网页地址是https://www.jb51.net/https://www.jb51.net/1.asp或https://www.jb51.net/https://www.jb51.net/2.asp,它就是在这些相对路径的文件前加上基链接指向的地址。如果目标文件中的链接没有指定target属性,就用base标记中的target属性。 &n...
basehref使用方法详解 -
div+css实现自适应宽度按钮
【CSS/HTML】先来看张图片: 原理就是通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。而你只需要一张图片:ok,看看代码吧。 CSS: 复制代码 代码如下:*{margin:0; padding:0;} body{padding:10px; font-size:...
自适应宽度按钮div+css -
CSS网页布局入门教程8:三列浮动中间列宽度自适应
【CSS/HTML】使用浮动定位方式,从一列到多列的固定宽度及自适应,基本上可以简单完成,包括三列的固定宽度。而在这里给我们提出了一个新的要求,希望有一个三列式布局,基中左栏要求固定宽度,并居左显示,右栏要求固定宽度并居右显示,而中间栏需要在左栏和右栏的中间,根据左右栏的间距变化自动适应。这给布局提出了一个新的要求,而且单...
CSS网页布局入门教程8:三列浮动中间列宽度自适应 -
CSS网页布局入门教程6:左列固定,右列宽度自适应
【CSS/HTML】在实际应用中,有时候需要左栏固定宽度,右栏根据浏览器窗口大小自动适应,在CSS中实现这样的布局方式是简单可行的,只需在设置左栏的宽度即可,如上例中左右栏都采用了百分比实现了宽度自适应,而我们只需要将左栏宽度设定为固定值,右栏不设置任何宽度值,并且右栏不浮动,代码如下: 复制代码 代码如下:#left {&nb...
CSS网页布局入门教程6:左列固定,右列宽度自适应 -
CSS网页布局入门教程5:二列宽度自适应
【CSS/HTML】从二列固定宽度入手,开始尝试二列布局的情况下,左右栏宽度能够做到自适应,从一列自适应布局中我们知道,设定自适应主要通过宽度的百分比值设置,因此在二列宽度自适应的布局中也同样是对百分比宽度值的设计,继续上面的CSS代码,我们得新定义二列的宽度值: 复制代码 代码如下:#left { ...
CSS网页布局入门教程5:二列宽度自适应 -
CSS网页布局入门教程2:一列自适应宽度
【CSS/HTML】自适应布局是网页设计中常见的布局形式,自适应的布局能够根据浏览器窗口的大小,自动改变其宽度和高度值,是一种非常灵活的布局形式,良好的自适应布局网站对不同分辨率的显示器都能提供最好的显示效果。实际上div默认状态的占据整行的空间,便是宽度为100%的自适应布局的表现形式,一列自适应布局需要我们做的工作也非常简单...
CSS网页布局入门教程2:一列自适应宽度 -
CSS网页布局入门教程1:一列固定宽度
【CSS/HTML】本系列教程为入门级教程,适合初学者学习,由最简单的知识一点一点进阶。主要以实例为主,很少部分理论,这样更适应初学者快速掌握。因本人也正在学习,难免有一些错误或疏漏地方,望各位给予指正。本教程参考《CSS网站布局实录》一书,在此向作者表示感谢。 要想学好DIV+CSS,首先要有一定的HTML和CSS知识,如果...
CSS网页布局入门教程1:一列固定宽度 -
IE6,IE7和firefox对DIV的支持区别
【CSS/HTML】1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了。 现在写一个CSS可以这样: #1 {&n...
IE6,IE7和firefox对DIV的支持区别