首页>网页设计教程> CSS教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
CSS教程
  • CSS元素显示类型（display）

    CSS元素显示类型（display）

    CSS元素显示类型（display）display属性是CSS中最重要的属性之一，主要用来控制元素的布局，通过display属性您可以设置元素是否显示以及如何显示。一、display属性的作用1.display属性可以设置元素的内部和外……
    2024-11-21
  • CSS定位的五种方式（position）

    CSS定位的五种方式（position）

    CSS定位的五种方式（position）CSS中的position属性用来设置元素在页面中的位置，通过该属性您可以把任何属性放置在任何您认为合适的位置。position属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素……
    2024-11-21
  • CSS元素堆叠（z-index）

    CSS元素堆叠（z-index）

    CSS元素堆叠（z-index）因为我们直观的以为HTML网页是二维平面，因为文本、图像或其他元素都是按照顺序排列，但，实际的网页是三维立体的，元素之间可能会发生堆叠（重叠），可以通过CSS中的z-index属性来设置元素的堆叠顺序……
    2024-11-21
  • CSS浮动（float）

    CSS浮动（float）

    CSS浮动（float）一、传统网页布局的三种方式网页布局的本质：用CSS来摆放盒子，把盒子摆放到相应位置。CSS提供了三种传统布局方式（简单说就是盒子如何进行排列）。（1）普通流（标准流）（2）浮动（3）定位这里指的只是传……
    2024-11-21
  • CSS伪类选择器

    CSS伪类选择器

    CSS伪类选择器伪类选择器在CSS中起到的作用可以说是至关重要的，如果CSS没有伪类选择器，有很多效果都要借助js来完成，这样不仅代码量增加，维护起来你难度也大。这样程序员的工作量大，也违背了CSS诞生的作用，就是提……
    2024-11-21
  • CSS伪类选择器和伪元素选择器的区别

    CSS伪类选择器和伪元素选择器的区别

    CSS伪类选择器和伪元素选择器的区别伪类和伪元素的区别（1）类，用户定义的类名，这个类是具体的，看得见的，如div.div0，选择具有类div0的div元素。（2）伪类，用于向某些选择器添加特殊的效果。用伪类定义的样式并不是作用在标记上……
    2024-11-21
  • CSS透明度（opacity）

    CSS透明度（opacity）

    CSS透明度（opacity）通过rgba()、hsla()可以设置颜色的透明度，但是它们只能在定义颜色的同时设置透明度，无法对图像或者其它元素设置透明度。CSS设置透明度的两种方法：一、CSSrgba()设置颜色透明度语法：rg……
    2024-11-21
  • CSS圆角属性（border-radius）

    CSS圆角属性（border-radius）

    CSS圆角属性（border-radius）在制作网页的过程中，有时我们可能需要实现圆角的效果，以前的做法是通过切图（将设计稿切成便于制作成页面的图片），使用多个背景图像来实现圆角。在CSS3出现之后就不需要这么麻烦了，CSS3中提供了一系列属……
    2024-11-21
  • CSS边框图片（border-image）

    CSS边框图片（border-image）

    CSS边框图片（border-image）对于元素的边框我们除了可以使用之前介绍的一些默认样式外，还可以通过CSS3中的border-image属性使用图像来作为元素的边框，以创建出丰富多彩边框效果。border-image属性可以通过一些简……
    2024-11-21
  • CSS渐变色（颜色渐变）

    CSS渐变色（颜色渐变）

    CSS渐变色（颜色渐变）CSS中的渐变指的是两种或多种颜色之间的平滑过渡，以前我们必须使用事先定义好的图像来实现渐变效果，CSS3为实现渐变效果提供了一种灵活的解决方案。通过CSS3您可以定义三种类型的渐变，分别为线性渐变（……
    2024-11-21
  • CSS阴影效果

    CSS阴影效果

    CSS阴影效果css阴影效果是我们经常使用的一个css属性，但你有仔细了解过它吗？是不是用的时候直接从蓝湖上复制过来就行了，那你了解它的每个参数吗？用阴影又能实现哪些好看的效果呢？在网页设计中常常要使用到阴影效果，……
    2024-11-21
  • CSS3中2D转换形式

    CSS3中2D转换形式

    CSS3中2D转换形式CSS中的2D转换允许我们在二维空间中执行一些基本的变换操作，例如移动、旋转、缩放或扭曲等，变换后的元素与绝对定位的元素类似，不会影响周围的元素，但可以和周围的元素重叠，不同的是，转换后的元素在页面中……
    2024-11-21
  • CSS入门教程

    CSS入门教程

    CSS入门教程CSS，全称即CascadingStyleSheets，也就是层叠样式表，是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，也是美化网页的核心，CSS是一……
    2024-11-20
  • CSS3中3D转换形式

    CSS3中3D转换形式

    CSS3中3D转换形式CSS3D转换在CSS中，除了可以对页面中的元素进行2D转换外，您也可以对象元素进行3D转换（将页面看作是一个三维空间来对页面中的元素进行移动、旋转、缩放和倾斜等操作）。与2D转换相同，3D转换同样不……
    2024-11-14
  • CSS过渡效果（transition）

    CSS过渡效果（transition）

    CSS过渡效果（transition）通常当CSS的属性值更改后，浏览器会立即更新相应的样式，例如当鼠标悬停在元素上时，通过:hover选择器定义的样式会立即应用在元素上。在CSS3中加入了一项过渡功能，通过该功能您可以将元素从一种样式在……
    2024-11-14
上一页 67891011121314下一页