-
CSS样式表中的position属性详细说明
在CSS中关于position定位的内容是: position: relative | absolute | static | fixed static(静态) 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。 relative(相对定位) 对...
作者:asdasdasd11-19 -
CSS 制作网页导航条(下)
上节课我们将导航条做成了下面的效果但是此时的导航条还没有链接,还不能点击,这节课我们就要做一个完整的导航条【第四步】 我们需要将上面的导航条做以下几个修改 1)给上面的导航加上链接; ...
作者:asdasdasd11-19 -
DIV CSS网页设计 有用的3个CSS技巧
一、在一行内声明CSS
作者:asdasdasd11-19
复制代码代码如下:h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 {font-size:18px; border:1px solid blue; color:#000; back... -
CSS 网页布局中的图文列表实现代码
搜狐新闻中心,左边栏图文列表:
作者:asdasdasd11-19
图文html结构:
程序代码
<div class="picTextGroup"> <p> <a href="" alt""><img src="图片"/></a> <span class="title"... -
div+css 定位浅析
今天研究了一下,总算有所了解。在此总结一下:先看下各个属性值的定义:
作者:asdasdasd11-19
1、static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
2、relat... -
css中IE判断语句 if !IE
1. <!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–> 2. <!–[if IE]> 所有的IE可识别 <![endif]–> 3. <!–[if IE 5.0]> 只有IE5.0可以识别 <![endif]...
作者:asdasdasd11-19 -
CSS布局最常见的八条错误小结
很多人对于CSS都是边干边学习,因为它不像C#之类的语言那么复杂,看起来似乎挺简单,然而正是这种对CSS的不完整的理解,导致了许多的CSS代码破坏了布局,或者带来了无休止的调试,以下总结了八条...
作者:asdasdasd11-19 -
IE overflow:hidden失效的解决方法
overflow:hidden失效 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。 我们在IE 6内发现子元素会超出父元素设定的高度,即使父元...
作者:asdasdasd11-19 -
CSS 很酷的透明样式
我们今天这里不重点讨论怎么制作带有透明效果的 .png格式图片,我们来讨论怎么让它在网页中完美的显示出它的透明的魅力。
作者:asdasdasd11-19
精灵空间不少地方都有很酷的透明效果。 (下面附上几个截图效果)。
... -
css 条件注释使用指南
在CSS 框架和模板出现以后,一些布局的问题可以很容易解决掉,但是显然这不能解决全部问题。这些问题通常可以通过普通的CSS来解决,但是有时候只针对IE显示一些(样式)信息可能会更好。 这是用条...
作者:asdasdasd11-19 -
基于css3仿造window7的开始菜单
相当逼真,css3果然强悍。友情提示:请勿在IE下浏览。来看下原作者的设计草图: 简明创建过程 第一步 :创建如下菜单结构 复制代码代码如下: <div id="startmenu"> <ul id="programs"> <li><a... -
面向对象的CSS应用
什么是面向对象的 CSS
作者:asdasdasd11-19
框架?工具?哲学?
Object-oriented CSS is a coding paradigm that styles "objects" or "modules"—nestablechunks of HTML that define a section of a webpage... -
12种CSS BUG解决方法与技巧
一、 针对浏览器的选择器 这些选择器在你需要针对某款浏览器进行css设计时将非常有用. IE6及其更低版本,本文由52CSS.com整理,转载请注明出处! * html {} IE7及其更低版本 ...
作者:asdasdasd11-19 -
css 分页样式代码(基于a或li)绿色与蓝色
第一个是从360而来的效果如图所示:普通的a标记的分页,兼容性好。绿色样式演示代码:
作者:asdasdasd11-19
<style>
.pages{ width:100.5%; text-align:right; padding:10px 0; clear:both;}
.pages span,.pages a,.pa... -
浮动层自动适应高度的解决方法
先看一个例子: HTML: 复制代码代码如下: <ul> <li></li> <li></li> </ul> CSS: 复制代码代码如下: ul { margin:0; padding:10px; list-style:none; background-color:#006699; } ul li { width...
作者:asdasdasd11-19 -
关于CSS样式表文件组织形式的整理
现在的开发环境CSS越来越成为主流,各企业与IT公司对CSS也越来越重视,大家的学习也热情高涨,CSS被我们赋予了前所未有的使命。然而依赖css越多,样式表文件就会变得越大越复杂。与此同时,文件...
作者:asdasdasd11-19 -
滑动门 圆角背景宽度和高度自适应
第一张图用于高度自适应,第二张用于宽度自适应。如果觉得不够高或宽,可以修改图片。实现的方法很简单,其实就是套2层,其中外层用长背景,内层用短背景盖住。拿高度自适应来说,可以用一个div...
作者:asdasdasd11-19 -
教你打破传统 我的密码框 我做主
复制代码代码如下:<html> </p>
作者:asdasdasd11-19
<p><!--样式--> <style type="text/css"> </p>
<p>#c { position: relative;} </p>
<p>#a { position: absolute; left: 10; top: 10; font-size: 12px; font-... -
IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug
复制代码代码如下: table { border-collapse:collapse; border-spacing:0; } th,td { padding: 0; } JS操作这两个属性有两种方式。 方式1,直接点操作 复制代码代码如下: table.cellSpacing = 1...
作者:asdasdasd11-19 -
CSS图片垂直居中实现方法详解
方法一:利用定位 HTML结构如: 复制代码代码如下: <div class="box"> <a class="pic-wrap" href="#" target="_blank"> <img src="http://img01.taobaocdn.com/tps/i1/T1LeeNXodaXXXXXXXX-130-1...
作者:asdasdasd11-19 -
对网页中层的固定实现代码
对于DIV+CSS不熟悉的我,为此加班加点在项目上线时把问题解决了。参考代码如下: 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x...
作者:asdasdasd11-19 -
浏览器默认样式
熟悉这些之后可以明白 一、使用CSS reset的原因。 二、*{margin:0;padding:0;}一刀切的做法为什么不提倡 三、网上广泛流传的CSSreset为什么也有人不提倡 从对比图可以看出,不部分标签其实是没有...
作者:asdasdasd11-19 -
IE6的inline-block
1、display:inline-block 让一个元素具有“区块元素”的属性(可以设置width和height),又具有“内联元素”的属性(不产生换行)。 2、IE中的inline-block IE6不支持这个属...
作者:asdasdasd11-19 -
级联样式文件共通样式整理
CSS Code复制内容到剪贴板
作者:asdasdasd11-19
/*<pre>:定义预格式化文本;<code>:用于表示计算机源代码的文本内容;
*<fieldset>:可将表单内相关的元素分组;<legend>:为fieldset标签定义标题;
... -
CSS教程:scrollbar的属性知识及样式分类介绍
1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hid...
作者:asdasdasd11-19