文章
文章用户
全部标签

CSS教程

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

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

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

    CSS浮动属性Float详解

    原文 ： all about floats 译文 ： 关于浮动的前世今生 版权所有，转载请注明出处，多谢！！ 什么是浮动？ 浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。
    CSS教程
    • 15.5k
    • 0
    sj33cnsj33cn
  • 13种常用按钮、文本框、表单等CSS样式

    13种常用按钮、文本框、表单等CSS样式

    虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。 一、按钮样式 .buttoncss{ font-family
    CSS教程
    • 9.8k
    • 0
    sj33cnsj33cn
  • 10个CSS简写/优化技巧

    10个CSS简写/优化技巧

    CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。 下面介绍常见的CSS简写
    CSS教程
    • 8.4k
    • 0
    sj33cnsj33cn
  • CSS如何定义一条水平虚线?

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

    如果定义一条水平的虚线呢？ 我们首先需要了解，关于线条的CSS的两个样式： dotted: 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线 dashed: 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线 水平线条，我们可以用hr来实现，
    CSS教程
    • 6.2k
    • 0
    sj33cnsj33cn
  • CSS布局教程:绝对定位和相对定位

    CSS布局教程:绝对定位和相对定位

    概要： 本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性（偏移属性）和Margin属性（外边距）对定位块级元素进行布局的方法。(本文的示例，请看 这个 附件demo 。 ) 说明： 占位空
    CSS教程
    • 6k
    • 0
    sj33cnsj33cn
  • CSS+DIV实现鼠标经过背景变色

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

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

    网页制作：使用css设置iframe样式

    iframe应用很普遍，通常的需求有两种： 1. 获取iframe效果，就是带一个滚动条，可以省不少版面。 2. 要嵌一个页面，实现框架链接。 如果不方便使用iframe，可以有如下相应解决方案： 1. 可以使用css布局来实现，即可以少一个页面，也可以提高执行效率。 2.
    CSS教程
    • 5.4k
    • 0
    sj33cnsj33cn
  • CSS浮动布局基础

    CSS浮动布局基础

    基于浮动的布局利用了float（浮动）属性来并排定位元素，并在网页上创建列。可以利用这个属性来创建一个环绕在周围的效果，例如环绕在照片周围，但是当你把它应用到一个div标签上时，浮动就变成了一个强大的网页布局工具。float属性把一个网页元素移动到网页
    CSS教程
    • 5.2k
    • 0
    sj33cnsj33cn
  • 三种简洁的Tab导航(网页选项卡)

    三种简洁的Tab导航(网页选项卡)

    在网页中应用选项卡可以使网页显得更紧凑，结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现（不涉及滑动门和AJAX），附有实例，无图片，兼容性较好，方便大家直接使用。 第一种形式: 通过更换显示样式实现，这
    CSS教程
    • 5.1k
    • 0
    sj33cnsj33cn
  • 如何进行CSS布局

    如何进行CSS布局

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

    css的margin缩写方式

    html body div style="border: 1px solid red;" div style="border: 1px solid blue; margin: 20px;" margin: 20px;（上、下、左、右各20px。） /div /div div style="border: 1px solid red;" d…
    CSS教程
    • 4.8k
    • 0
    sj33cnsj33cn
  • CSS网页布局时常犯的几种小错误

    CSS网页布局时常犯的几种小错误

    1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错P的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否书写正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanC
    CSS教程
    • 4.8k
    • 0
    sj33cnsj33cn
  • CSS+DIV制作页面圆角效果

    CSS+DIV制作页面圆角效果

    样式表文件： .b1{height:1px;font-size:1px;overflow:hidden;display:block;background:#000;margin:05px;} .b2{height:1px;font-size:1px;overflow:hidden;display:block;background:#fff; border-right:2pxsolid#000;bo…
    CSS教程
    • 4.7k
    • 0
    sj33cnsj33cn
  • CSS定位属性Position详解

    CSS定位属性Position详解

    CSS中最常用的布局类属性，一个是Float( CSS浮动属性Float详解 )，另一个就是CSS定位属性Position。 1. position:static 所有元素的默认定位都是：position:static，这意味着元素没有被定位，而且在文档中出现在它应该在的位置。 一般来说，不用指定 positio
    CSS教程
    • 4.4k
    • 0
    sj33cnsj33cn
  • Div+CSS布局入门

    Div+CSS布局入门

    在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基
    CSS教程
    • 4.2k
    • 0
    sj33cnsj33cn
  • CSS圆角技术

    CSS圆角技术

    要一个宽度不固定的框，事情变得有些复杂了。宽度不固定，就意味着这个框在水平和垂直方向都有足够灵活的变化。 为什么说这更难一些呢？因为它需要对四张图片的合适安置——每个圆角用一张。每个圆角都要独立出来，以便框能够在各个方向伸展。于是，四张图片
    CSS教程
    • 4.1k
    • 0
    sj33cnsj33cn
  • CSS的滑动门技术研究

    CSS的滑动门技术研究

    在CSS中，一个经常被人们讨论的先进之处即背景图像的可层叠性，并允许他们在彼此之上进行滑动，以创造一些特殊的效果。根据CSS2.0当前的规定，每一个背景图像都需要各自的HTML元素。在许多情况下，典型的标记已经为一般的接口组件提供了多种元素以供我们使用
    CSS教程
    • 3.6k
    • 0
    sj33cnsj33cn
  • Div+CSS实例教程：让页脚保持在未满屏页面的底部

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

    DivCSS实例：让页脚保持在未满屏页面的底部 在内容不超过一屏的情况下，当浏览器窗口变小那行页脚文字会跟着向上浮动但还是保持在底部。 当内容多出一屏时，他显示在网页的最下边，而不是窗口的最下边；测试了一下，还可以，在IE6、IE7、FF等都没有问题！窗
    CSS教程
    • 3.5k
    • 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.1k
    • 0
    sj33cnsj33cn
  • css样式做细线表格

    css样式做细线表格

    CSS教程
    • 2.9k
    • 0
    sj33cnsj33cn
  • Iframe高度自适应代码

    Iframe高度自适应代码

    Iframe高度自适应IE与FF环境下均可用 看下面的代码： scripttype="text/javascript" functionSetCwinHeight(){ varbobo=document.getElementById("bobo");//iframeid if(document.getElementById){ if(bobo!window.…
    CSS教程
    • 2.9k
    • 0
    sj33cnsj33cn
  • 如何在一个页面做两种超链接的CSS样式

    如何在一个页面做两种超链接的CSS样式

    CSS教程
    • 2.7k
    • 0
    sj33cnsj33cn
  • 用css样式表实现首字大写

    用css样式表实现首字大写

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

解锁会员权限

开通会员

解锁海量优质VIP资源

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

  • 扫码打开当前页

  • 微信扫码联系我们

返回顶部