作家
登录
  • FORM 不换行的方法

    以往都是将 Form 塞到 Table 跟 tr 间 的这些方法来解决(或tr,td之间) 事实上 css 有简易的解法~~~ 照下面的一设就搞定了 form{margin:0px;display: inline} margin: 上下左右间隔都设为 0px di...

    作者:asdasdasd11-19
  • 如何组织和注释CSS文件

    当我们的样式表变得很大和很复杂时,按整洁易懂的结构组织它是非常重要的.组织样式表可以让我们写出更有效率的CSS,并让其他人容易明白和编辑的CSS样式.当然,每个设计师都会有自己所钟爱的方式. 1...

    作者:asdasdasd11-19
  • 让IE可以变相支持CSS3选择器

    别误会,IE是不支持CSS3高级选择器,包括最新的IE8,但是CSS选择器的确是很有用的,它可以大大的简化我们的工作,提高我们的代码效率,并让我们很方便的制作高可维护性的页面。
    然而IE对高级CSS...

    作者:asdasdasd11-19
  • xHTML+CSS与SEO的关系

    1)将页面中最重要的内容用h1标签括起来,h1的内容就和页面title很自然的包含了站点或者页面的核心关键词,搜索引擎很重视h1标签的内容哟2)合理的运用h2、h3等标题标签,他们对于页面来说就是文章...

    作者:asdasdasd11-19
  • CSS 首行缩进两个文字

    总是在前面加上8个&ldquo; &rdquo;,因为过去大家对CSS的概念也不太熟悉,也不太重视,这种方法实现虽然比较直接,但是文字多的时候会有很多&ldquo; &rdquo;充斥在代码中,如果再有些换行<br/>...

    作者:asdasdasd11-19
  • CSS样式表中的position属性详细说明

    在CSS中关于position定位的内容是: position: relative | absolute | static | fixed static(静态) 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。 relative(相对定位) 对...

    作者:asdasdasd11-19
  • CSS 制作网页导航条(下)

    上节课我们将导航条做成了下面的效果但是此时的导航条还没有链接,还不能点击,这节课我们就要做一个完整的导航条【第四步】 我们需要将上面的导航条做以下几个修改 1)给上面的导航加上链接; ...

    作者:asdasdasd11-19
  • DIV CSS网页设计 有用的3个CSS技巧

    一、在一行内声明CSS
     复制代码代码如下:h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 {font-size:18px; border:1px solid blue; color:#000; back...

    作者:asdasdasd11-19
  • CSS 网页布局中的图文列表实现代码

    搜狐新闻中心,左边栏图文列表:

    图文html结构:

    程序代码
    <div class="picTextGroup"> <p> <a href="" alt""><img src="图片"/></a> <span class="title"...

    作者:asdasdasd11-19
  • div+css 定位浅析

    今天研究了一下,总算有所了解。在此总结一下:先看下各个属性值的定义:
    1、static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
    2、relat...

    作者:asdasdasd11-19
  • css中IE判断语句 if !IE

    1. <!&ndash;[if !IE]><!&ndash;> 除IE外都可识别 <!&ndash;<![endif]&ndash;> 2. <!&ndash;[if IE]> 所有的IE可识别 <![endif]&ndash;> 3. <!&ndash;[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...

    作者:asdasdasd11-19
  • 面向对象的CSS应用

    什么是面向对象的 CSS
    框架?工具?哲学?

    Object-oriented CSS is a coding paradigm that styles "objects" or "modules"&mdash;nestablechunks of HTML that define a section of a webpage...

    作者:asdasdasd11-19
  • 12种CSS BUG解决方法与技巧

    一、 针对浏览器的选择器   这些选择器在你需要针对某款浏览器进行css设计时将非常有用.   IE6及其更低版本,本文由52CSS.com整理,转载请注明出处!   * html {}   IE7及其更低版本  ...

    作者:asdasdasd11-19
  • css 分页样式代码(基于a或li)绿色与蓝色

    第一个是从360而来的效果如图所示:普通的a标记的分页,兼容性好。绿色样式演示代码:
    <style>
    .pages{ width:100.5%; text-align:right; padding:10px 0; clear:both;}
    .pages span,.pages a,.pa...

    作者:asdasdasd11-19
  • 浮动层自动适应高度的解决方法

    先看一个例子: 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>
    <p><!--样式--> <style type="text/css"> </p>
    <p>#c { position: relative;} </p>
    <p>#a { position: absolute; left: 10; top: 10; font-size: 12px; font-...

    作者:asdasdasd11-19
  • 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