CSS基础

简介
  CSS是Cascading Style Sheets(层叠样式表单)的简称。更多的人把它称作样式表。顾名思义,它是一种设计网页样式的工具。借助CSS的强大功能,网页将在您丰富的想象力下千变万化。 
  实际上CSS的代码都是由一些最基本的语句构成的。它的基本语句的结构是这样的:
  选择符{属性:属性值}
        例:div{width:200;filter:blur(add=true,direction=35,strengh=20);} 
  在上面的语句中,DIV是选择符,选择符可以是HTML中任何的标识符,比如P、DIV、IMG甚至BODY都可以作为选择符。
  这里用DIV做选择符,就是说在HTML中,编辑在<DIV>中的页面格式将以上面语句中大括号内定义的格式显示。
  括号内的WIDTH和FILTER就是属性。
  WIDTH定义了DIV区域内的页面的宽度,200是属性值。
  FILTER定义了滤镜属性,BLUR是它的属性值,该属性值产生的是一种模糊效果,其小括号内定义的是BLUR属性值的一些参数。
  ADD参数有两个值:True和False。分别指定图片是否被设置成模糊效果。
  Direction参数是用来设置模糊的方向。0度代表垂直向上,然后每45度一个单位,例子中的135代表底部向右135度,每一个度数单位都代表一个模糊方向,如果您感兴趣的话,可以参照后面的讲解中详细的参数设定。
  Strengh代表有多少像素的宽度将受到模糊影响,参数值是用整数来设置的。 
 一,独立编辑好的CSS文档怎样加入到HTML文档中呢?
1,把CSS文档放到<head>文档中:
  <style type=“text/css”> …… </style>
  其中<style>中的“type=‘text/css’”的意思是<style>中的代码是定义样式表单的。
2,把CSS样式表写在HTML的行内,比如下面的代码:
  <p style=“font-size:14pt;color:blue”>蓝色14号文字</p>
  这是采用<Style=“ ”>的格式把样式写在html中的任意行内,这样比较方便灵活。
3,还有一种方法是:把您编辑好的CSS文档保存成“.CSS”文件,然后在<head>中定义。定义的格式是这样的:
  <head> <link rel=stylesheet href=“style.css”> …… </head>
       我们看到这里应用了一个<Link>,“rel=stylesheet”指连接的元素是一个样式表(stylesheet)文档。一般这里是不需要您改动而后面的“href=‘style.css’”指的是需要连接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式,从而减少了大量的冗余代码。

原文地址:https://www.cnblogs.com/newblog/p/380389.html