• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
成为自己最想成为的那种人
博客园    首页    新随笔    联系   管理    订阅  订阅
CSS入门

CSS的基本语法

    CSS语言由选择符和属性构成,样式表的基本语法如下:

      CSS选择符{属性1:属性值1;属性2:属性值2;……}

    通过修改样式,可以自动快速地更新所有采用该样式的文字格式。

    当用户需要管理一个非常大的网站时,使用CSS样式定义站点,可以体现出非常明显的优越性。

    CSS样式表位于文档的head区。  // link 也应该写在这里 (这样是为了让样式表在整个页面中起作用)

    如果CSS样式被应用于一个文本的局部范围,则在文本块中插入一个包含class属性的span标签。

    <style>标签中包括了 type="text/css",目的是让浏览器知道使用了CSS样式规则。

    在CSS样式表中引进了分组的概念,可以将相同属性的样式表写在一起,如:  B,I,H1{color:green;}

CSS能做什么

    CSS样式表可以用来改变从文本样式到页面布局的一切,并且能够与JavaScript结合产生动态显示效果。

CSS样式表的基本用法

    (1)内联-样式表:直接写在HTML标签中( style="font-family:宋体; font-size:12px; color:#cccccc;")

    (2)嵌入-样式表:用<style></style>嵌入到HTML文件的头部。

        <style type="text/css">

          body{

            font-size:12px;

            color:#cccccc;

          }

        </style>

    (3)外部样式表:在<head>中使用<link>将外部CSS样式表文件连接到HTML文件内。

        <link href="style/style.css"  rel="stylesheet"  type="text/css" />

 

posted on 2017-05-29 21:44  遇见未来  阅读(152)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3