文章
文章用户
全部标签

CSS教程

最新随机最多浏览最多喜欢最多评论
  • Div CSS实例教程：页面制作方法

    Div CSS实例教程：页面制作方法

    做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。 一、框架 页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面如Tudou.com，由于布局的
    CSS教程
    • 17.9k
    • 0
    sj33cnsj33cn
  • CSS基础教程:CSS网页布局Page Layout

    CSS基础教程:CSS网页布局Page Layout

    使用CSS布局非常简单，如果你习惯使用tables布局，可能开始时有点困难，但其实很容易，事实上只是观念的不同。 你需要把网页的每个部分看成独立的块，你可以绝对或相对定位块。 Positioning 定位 positon属性可以指定元素为absolute,relative,static或是fixe
    CSS教程
    • 2.1k
    • 0
    sj33cnsj33cn
  • CSS布局需要掌握的8个你技巧

    CSS布局需要掌握的8个你技巧

    1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http://validator.w3.org。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新
    CSS教程
    • 2.4k
    • 0
    sj33cnsj33cn
  • css布局中的居中问题

    css布局中的居中问题

    如何使P居中 主要的样式定义如下： body {TEXT-ALIGN: center;} #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 说明： 首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能
    CSS教程
    • 1.8k
    • 0
    sj33cnsj33cn
  • 三种CSS图表代码

    三种CSS图表代码

    这是最基本的预览，下面是几种不同的应用代码 一、基本的CSS图表 CSS代码 style .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; ba…
    CSS教程
    • 1.8k
    • 0
    sj33cnsj33cn
  • Div+CSS实例教程：让页脚保持在未满屏页面的底部

    Div+CSS实例教程：让页脚保持在未满屏页面的底部

    DivCSS实例：让页脚保持在未满屏页面的底部 在内容不超过一屏的情况下，当浏览器窗口变小那行页脚文字会跟着向上浮动但还是保持在底部。 当内容多出一屏时，他显示在网页的最下边，而不是窗口的最下边；测试了一下，还可以，在IE6、IE7、FF等都没有问题！窗
    CSS教程
    • 3.7k
    • 0
    sj33cnsj33cn
  • 网页头部css代码优化实例

    网页头部css代码优化实例

    在div+css布局中，一般都这样来整体构架的： div id="header"/div div id="center"/div div id="footer"/div 而对于header部分，肯定要显示网站标题，除了显示网站标题外，还可能要显示其他比较重要的对象，比如网站的导航栏： div id="header" d…
    CSS教程
    • 3.3k
    • 0
    sj33cnsj33cn
  • CSS样式表详解

    CSS样式表详解

    !-- Office 2003 风格 by 51dsn-- style type="text/css" BODY { margin: 0px; color: #333333; background-color: #84BFE9; background-color: #006699;!-- 网页背景，网页两边细竖色块-- font-family: Verdana, Arial, …
    CSS教程
    • 2.5k
    • 0
    sj33cnsj33cn
  • CSS常用信息速查手册

    CSS常用信息速查手册

    文字属性 标识符 作用 属性值 font-family: 定义文字类型，顺序寻找，先找到的为选定值，若都找不到则用默认值 宋体，黑体等 font-style: 定义字体风格。 normal(标准)italic(斜体)oblique(倾斜) font-variant: 改变英文字母的显示 normal,small-caps(小型大
    CSS教程
    • 1.7k
    • 0
    sj33cnsj33cn
  • CSS+DIV实现鼠标经过背景变色

    CSS+DIV实现鼠标经过背景变色

    实现鼠标经过背景变色的方法有很多，今天我们介绍的是用CSS+DIV实现的方法。 方法一 以下为引用的内容： #div:hover{background:#000000;} 解释:鼠标经过id为div的元素时背景变色 IE6.0、Firefox2.0、Opera 9.23都不行 方法二 以下为引用的内容： div onmous
    CSS教程
    • 6.1k
    • 0
    sj33cnsj33cn
  • 学习CSS的伪类

    学习CSS的伪类

    和一般的CSS语法不同，CSS伪类的语法有两种。 第一种： selector:pseudo-class {property: value} 也可以用HTML的class属性来设定伪类。 例句： a:link {color:red} 第二种： selector.class:pseudo-class {property: value} 伪类是最常用的伪类。 例句： a.
    CSS教程
    • 1.1k
    • 0
    sj33cnsj33cn
  • span div p 之间的不同区别

    span div p 之间的不同区别

    HTML只是赋予内容的手段，大部分HTML标签都有其意义（标签p创建段落，h1标签创建标题等等）的，然而span和P标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的锤子一样无用。但实际上，与CSS结合起来后，它们被用得十分广泛。 它们被用来组合一大块的H
    CSS教程
    • 1.8k
    • 0
    sj33cnsj33cn
  • 网站重构：利用CSS改善网站可访问性

    网站重构：利用CSS改善网站可访问性

    最近，我不得不对我的一个客户的旧网站进行更新，使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力，主要是因为我曾经使用的很多编程惯例已经不再适用，特别是从可访问性上来讲。我曾经使用绝对的字体大小，固定的页面宽度和
    CSS教程
    • 1.3k
    • 0
    sj33cnsj33cn
  • CSS如何定义一条水平虚线?

    CSS如何定义一条水平虚线?

    如果定义一条水平的虚线呢？ 我们首先需要了解，关于线条的CSS的两个样式： dotted: 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线 dashed: 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线 水平线条，我们可以用hr来实现，
    CSS教程
    • 6.4k
    • 0
    sj33cnsj33cn
  • CSS制作11种风格不同的特效文字

    CSS制作11种风格不同的特效文字

    如果灵活应用CSS各种滤镜的特点并加以组合，我们可以得到许多意想不到的效果。这是一些效果示范，供各位参考。 西部电子 用blur滤镜做出的效果，代码如下： FILTER: blur(direction=135,strength=8) 西部电子 用dropshadow滤镜做出的效果，代码如下： FILTER
    CSS教程
    • 1.6k
    • 0
    sj33cnsj33cn
  • 如何进行CSS布局

    如何进行CSS布局

    HTML的局限性迫使设计师们去开发更聪明的方式来使他们的网页更美观。过去最常用的工具是table标签，它本是用来创建电子数据表——比如由数据行和列组成的信息显示表。但是设计师们却用HTML的表格来创建一种用来组织网页内容的脚手架（见图11-1）。可是由于ta
    CSS教程
    • 5.1k
    • 0
    sj33cnsj33cn
  • CSS属性display:inline-block的深入理解

    CSS属性display:inline-block的深入理解

    在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，大都会对这一属性感觉很模糊。 display:inline-block 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。 但对于这个属性不是所
    CSS教程
    • 2.1k
    • 0
    sj33cnsj33cn
  • 用css样式表实现首字大写

    用css样式表实现首字大写

    css当中有许多平时很少用的属性，但是这些属性有时候被发掘出来以后就会立刻引起一些人的追逐，首字大写就是这样一种效果。最近越来越多的blogger开始在自己的blog中运用这一方法，东西很简单，下面就来给大家介绍一下用:first-letter伪类来实现这种效果的方
    CSS教程
    • 2.6k
    • 0
    sj33cnsj33cn
  • CSS：使DIV 在浏览器窗口中水平垂直居中

    CSS：使DIV 在浏览器窗口中水平垂直居中

    CSS教程
    • 1.6k
    • 0
    sj33cnsj33cn
  • 用CSS缩写给你的网站加速

    用CSS缩写给你的网站加速

    Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大
    CSS教程
    • 1.3k
    • 0
    sj33cnsj33cn
  • CSS产生的特殊效果

    CSS产生的特殊效果

    经常有朋友问：如何使有超级连接的文字不出现下划线，如何使鼠标移动到超连上产生变色的效果？其实这些通过传统的方法是办不到的。而使用CSS的控制却可以非常轻松地作到，而且，页面的代码也不会臃肿。 ★★先看看超连没有下划线的例子： 例子1： 这个连接可
    CSS教程
    • 1.4k
    • 0
    sj33cnsj33cn
  • CSS布局入门

    CSS布局入门

    在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了，可以跳过这一节，直接进入下一节。 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语
    CSS教程
    • 1.6k
    • 0
    sj33cnsj33cn
  • Div+CSS教程：如何闭合浮动元素？

    Div+CSS教程：如何闭合浮动元素？

    按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢？ 有一种做
    CSS教程
    • 2.2k
    • 0
    sj33cnsj33cn
  • CSS应用基础教程(5) 文字性质

    CSS应用基础教程(5) 文字性质

    本 章 Ｃ Ｓ Ｓ 的 主 要 作 用 本章要介绍的是文字相关的ＣＳＳ指令。通 常一个网站的内容最多的就是文字了，透过这些文字相关的ＣＳＳ指令，您可以将您的 网页内容排版得美美的。本章将分两个部份为您介绍，第一部份是字型性质的ＣＳＳ指 令，用以控制文字
    CSS教程
    • 1.3k
    • 0
    sj33cnsj33cn
❯

解锁会员权限

开通会员

解锁海量优质VIP资源

立刻开通
个人中心
购物车
优惠劵
有新私信 私信列表
搜索

  • 扫码打开当前页

  • 微信扫码联系我们

返回顶部