查看: 5850|回复: 4

[原创] CSS样式的规格 嘿嘿

[复制链接]
论坛徽章:
1
ITPUB十周年纪念徽章
日期:2011-11-01 16:26:59
跳转到指定楼层
1#
发表于 2011-9-23 10:56 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
今天简单的为大家介绍一下CSS样式的规格   其实现在很多网站都是用css+div来做的布局  这样的布局美观漂亮  下面就是我在北大青鸟学到的一些关于CSS样式规格的地方  希望大家能喜欢




CSS样式规则
“类型”分类:定义字体样式、颜色、大小等设置。
“背景”分类:定义背景颜色、背景图像的设置。
“区块”分类:定义字体间距、对齐方式等。
“方框”分类:设置方框大小以控制页面元素布局等。
“边框”分类:设置边框的样式、宽度和颜色。
“列表”分类:设置列表类型、项目符号图像等。
“定位”分类:改变选定层的大小、位置等。
“扩展”分类:设置页面的分页效果和视觉效果。1、CSS样式表的分类
(1)内部样式表
         1. 行内样式(只影响某一段)
            <td style="font-weight:bold">ABC</td>
                 影响范围:只影响该行。
         2. 嵌入样式(也叫内嵌样式,只影响某一页)
                 是包含在<head>和</head> 之间的style标记,
                 <style type="text/css"></style>
                 影响范围:只影响该页面。
(2)外部样式表(可以影响多个页面)
     独立于所有HTML页面的CSS文件,每个页面都可以通过链接的形式把CSS文件应  
      用到页面中 。
    <link href="style.css" rel="stylesheet" type="text/css" />
            影响范围:控制网站的整体风格,便于页面之间的样式共享。

   注意:三种样式作用一样,只是作用的范围不同。
2、创建内部样式
      1. 在“CSS样式"面板中选择"新建css规则"按钮或右击“CSS样式"新建。
      2. 弹出“新建CSS规则"对话框,有以下参数:
           a.  类:自定义 CSS规则,生成的样式前面有一个".",调用时class="  "。
           b.  标签:改变HTML标记中的默认形式。
           c.  高级:分为ID选择器和伪类选择器。ID选择器生成的样式前面有一个"#",
                    调用时ID="  "。
           d.  名称:定义类的名称。
3、创建外部样式   
          1.  选择菜单“文件” →“新建”→“页面类型”选择“CSS”。
          2.  弹出“新建CSS规则"对话框,定义在”新建样式表文件”,并在页面文件中
             生成链接,
          <link href="style.css" rel="stylesheet" type="text/css" />。
4、CSS样式规则
“类型”分类:定义字体样式、颜色、大小等设置。
“背景”分类:定义背景颜色、背景图像的设置。
“区块”分类:定义字体间距、对齐方式等。
“方框”分类:设置方框大小以控制页面元素布局等。
“边框”分类:设置边框的样式、宽度和颜色。
“列表”分类:设置列表类型、项目符号图像等。
“定位”分类:改变选定层的大小、位置等。
“扩展”分类:设置页面的分页效果和视觉效果。
论坛徽章:
53
2010新春纪念徽章
日期:2010-03-01 11:19:062012新春纪念徽章
日期:2012-02-13 15:12:252012新春纪念徽章
日期:2012-02-13 15:12:252012新春纪念徽章
日期:2012-02-13 15:12:252012新春纪念徽章
日期:2012-02-13 15:12:25版主1段
日期:2012-05-15 15:24:112013年新春福章
日期:2013-02-25 14:51:24马上有车
日期:2014-02-19 11:55:14马上有房
日期:2014-02-19 11:55:14马上有钱
日期:2014-02-19 11:55:14
2#
发表于 2011-9-24 11:10 | 只看该作者
呵呵,最好图文并茂
支持lz

使用道具 举报

回复
论坛徽章:
0
3#
发表于 2011-11-20 11:51 | 只看该作者
支持

使用道具 举报

回复
论坛徽章:
1
2012新春纪念徽章
日期:2012-01-04 11:58:44
4#
发表于 2012-1-4 09:20 | 只看该作者
简单了一点

使用道具 举报

回复
论坛徽章:
0
5#
发表于 2012-2-7 17:36 | 只看该作者
写的很不错哦,学习了

使用道具 举报

回复

您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

TOP技术积分榜 社区积分榜 徽章 团队 统计 知识索引树 积分竞拍 文本模式 帮助
  ITPUB首页 | ITPUB论坛 | 数据库技术 | 企业信息化 | 开发技术 | 微软技术 | 软件工程与项目管理 | IBM技术园地 | 行业纵向讨论 | IT招聘 | IT文档
  ChinaUnix | ChinaUnix博客 | ChinaUnix论坛
CopyRight 1999-2011 itpub.net All Right Reserved. 北京盛拓优讯信息技术有限公司版权所有 联系我们 未成年人举报专区 
京ICP备16024965号-8  北京市公安局海淀分局网监中心备案编号:11010802021510 广播电视节目制作经营许可证:编号(京)字第1149号
  
快速回复 返回顶部 返回列表