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" />

原文地址:https://www.cnblogs.com/zhangchaoran/p/6919101.html