首页
关于我们
网站建设
经典案例
网络推广
技术中心
建站指导
联系我们
网站套餐 Package
最新推荐 Recommended  
  您现在的位置: 天诚世纪 >> 技术中心 >> 网页设计 >> 网页基础 >> 正文
新手简单CSS教程
作者:天诚世纪 更新时间:2009-6-30 8:56:04 来源:天诚世纪
    

  大家好 今天我给新手简单的介绍下CSS ,CSS"老鸟"就飞过吧 !呵呵 !希望大家支持我们 天诚世纪-www.tc-21.com

  1.什么是CSS

  级联样式表 CSS(Cascading Style Sheet) 它是一种简单语言的名称,用户可以运用它声明Web浏览器如何显示文档。它广泛应用于WEB和HTML,XML的更新语言中。简单来说它就是一种语言代码,一种样式语言.

  2.CSS能做些什么

  (1)它可以改变文本的格式和颜色 设置字体大小、链接颜色、首字母下沉等一些文本效果。

  (2)也可以对图形外观和布局进行设置,例如设置本经图形、水平边距和排列位置等外观设置。

  (3)动态操作就是一些交互性的效果,例如设置鼠标在链接上的效果等一些问题。

  3 CSS的编写规则

  它由两部分组成:选择符和声明。声明又是由属性和属性的值组成。一般简单的CSS规则就是这么写的 选择符{属性:值;} CSS编写不是太注重编写的样式,它都是忽略空白的地方,所以写成这些样子也没有关系 选择符{ 属性:值; } 择符就是在HTML中的带有<>的元素标签,例如

我们就可以拿来做选择符 p{clore:blue;} 规则会选择所有

标签样式,声明是规则的下一部分 声明在{}大括号内。最好实用;方便查看,选择符{属性:值;}

  4 联合CSS规则

      p{color:bule;}
     p{font-size:large;}   p{color:bule;font-size:large;} 都可以这样写,两天声明间必须有分隔符.

   5 CSS注释
   /*注释*/ 注释可以写在任何地方 但是不可以嵌套

   /*变成蓝色*/          
   p{color:bule;}    p{color:/*变成蓝色*/bule;}   p{/*color:/*变成蓝色*/bule;/*}----不可以嵌套 

   6 文本格式的简单CSS属性

   color属性控制文本颜色属性 h1{color:lime;}
   background-color 属性    body{background:silver;}
   font-size属性制定文本大小d1{font-size:large}
   font-family属性是设置文本字体,字体族. body{font-family:Arial,sans-serif;}

   7 HTML中链接样式表用<link>元素可以解决,但他只在<head>部分出现
   <  head>
   <title>客来搜-kelaiso.cn</title>
  <link type="text/css" rel="stylesheet" href="kelaiso.css">
</head>

  这些都是一些简单的CSS问题,写这个是希望没有接触过CSS的朋友能够简单的了解一下他基本的一些东西,同时也使自己在巩固一下!

本文链接:http://www.tc-21.com/ITCenter/200906/20090630085604.html

  • 上一篇文章: 没有了
  • 下一篇文章:
  •   更多关于网页基础的新闻
      相关文章
    CSS position CSS的position属性详解
    Fireworks制作GIF动画
    80条PS制图小技巧~~
    CSS 虚线、双线、槽状、脊状、凹陷、凸出边框
    DIV与TABLE的区别
    用CSS为网页加上水印
    Photoshop CS2视频教程—界面简介
    弹出新窗口代码