html5中文学习网

您的位置: 首页 > 网页制作 > css教程
  • 2013-11-19 13:30:47 10个CSS简写/优化技巧整理_CSS教程_CSS_网页制作
  • 点评:简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读,下面为大家介绍下CSS简写规则,喜欢优化的朋友可以参考下,希望对大家有所帮助CSS简写就是指将多行的CSS属性简写成一行,又称为
  • 2013-11-19 13:30:46 CSS样式的基础学习总结_CSS教程_CSS_网页制作
  • 点评:进行css布局的同时,没有足够的基础知识是不可能的,本文为初学者整理了一些,经常使用的css属性,感兴趣的朋友可以参考下,或许有所帮助一.CSS基本介绍

    级联样式表(Cascading Style Sheet)简称“CSS&rdqu
  • 2013-11-19 13:30:45 css美化表格让其隔行变色显示_CSS教程_CSS_网页制作
  • 点评:单一的表格很容易使人感到枯燥,使用变色效果可以使得表格看起来更加舒适,在本文将为大家介绍下使用css实现隔行变色显示,感兴趣的朋友可以参考下在html中常常需要从数据库中获取数据然后显示到浏览器上,
  • 2013-11-19 13:30:44 !important用法使用介绍_CSS教程_CSS_网页制作
  • 点评:!important只有Ie7.0和firefox可以识别,但是Ie6.0不能成功应用,在本文将为大家介绍下!important的使用方法,感兴趣的朋友可以了解下*对于Ie系列浏览器都能够识别, firefox 浏览器则不能识别;

    !importan
  • 2013-11-19 13:30:44 div居中显示的css样式代码_Div+CSS教程_CSS_网页制作
  • 点评:div居中的使用还是比较广泛的,在本文有个不错的示例,可以帮助大家更好的理解div居中显示,感兴趣的朋友不要错过
    复制代码代码如下:
    <style type="text/css">
    html * {margin:0; padding:0;}
    body {fo
  • 2013-11-19 13:30:44 CSS中基代码base.css一览_CSS教程_CSS_网页制作
  • 点评:base.css顾名思义就是基代码的含义,主要就是重置浏览器默认样式的一个集合吧,在进行css布局时把它加进去将会提高书写效率,感兴趣的朋友可以参考下
    复制代码代码如下:
    /***** css set*****/
    body, div
  • 2013-11-19 13:30:42 CSS的position属性在DIV层中的应用_CSS教程_CSS_网页制作
  • 点评:定位的话,父DIV设置position:relative后,子DIV的position:absolute就会相对父DIV作绝对定位,接下来为大家介绍下CSS的position属性在DIV层中的应用原来只明白position:relative是相对定位,position:absol
  • 2013-11-19 13:30:42 多步骤进度条的实现原理及代码_CSS教程_CSS_网页制作
  • 点评:实现方法其实很简单,只需要把每一步分隔处的箭头切下来,然后灵活利用background-image和background-color来实现,接下来针对三种状态给HTML结构标签加不同的类来定义样式很多分步骤的流程都会有一个多步
  • 2013-11-19 13:30:41 通过css加载远程字体示例代码_CSS教程_CSS_网页制作
  • 点评:为了让所有的浏览器字体统一,就需要通过css加载远程字体,下面有个不错的示例,大家可以参考下,希望对大家有所帮助
    复制代码代码如下:
    <style type="text/css">
    @font-face {
    font-family: 'C39HrP72Dl
  • 2013-11-19 13:30:41 css中默认中文字体font-family列表_CSS教程_CSS_网页制作
  • 点评:css中文字体font-family列表主要是系统自带的一些、装Office会生出来的一些、Windows的一些,感兴趣的朋友可以了解下Windows的一些:

    黑体:SimHei
    宋体:SimSun
    新宋体:NSimSun
    仿宋:FangSong
    楷体:KaiT
  • 2013-11-19 13:30:41 CSS3图片旋转特效(360/60/-360度)_css3_CSS_网页制作
  • 点评:CSS3让图片旋转360度、60度、-360度等,大家可以举一反三,下面由这几个度数的示例代码,喜欢的朋友可以参考下由于没法展示效果只是截了个图

    下面是实现代码:

    复制代码代码如下:
    <style>
    p#socialico
  • 2013-11-19 13:30:40 如何使用CSS sprites减少HTTP请求_CSS教程_CSS_网页制作
  • 点评:CSS sprites是指把网页中很多小图片(很多图标文件)做成按规律排列的一张大图上,在显示的时候通过background-image、background-position显示图片特定部分达到和分散的一张张小图片一样的效果sprites是
  • 2013-11-19 13:30:38 CSS怎么将背景图左移/上移/右移10px_CSS教程_CSS_网页制作
  • 点评:将背景图左移,对background定位属性使用比较熟悉的朋友应该很容易就可以做到,下面有个不错的示例,不会的朋友可以参考下背影图片的左上角相对当前元素左上角的坐标。

    右为X轴正半轴, 下为Y轴正半轴
  • 2013-11-19 13:30:38 CSS写的简单表格示例_CSS教程_CSS_网页制作
  • 点评:使用CSS写表格,不要有所怀疑,主要是对html结构进行css样式重定义,大家可以看看效果图,个人感觉还不错,感兴趣的朋友可以参考下

    复制代码代码如下:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv=
  • 2013-11-19 13:30:37 CSS样式设置元素的透明度以50%为例_CSS教程_CSS_网页制作
  • 点评:CSS样式设置元素的透明度的方法有很多,不过兼容各种浏览器就屈指可数了,下面以将透明度设置为50%举例,向大家介绍下,感兴趣的朋友不要错过下面的代码兼容各种浏览器,用于定义对象的透明度,本范例设置透明度
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助