CSS概况

【简介】CSS又叫层叠样式表(CascadingStyleSheets)是一种语言,用来描述使用标记语言(如HTML)写成的网站的外观和格式。即样式定义如何显示HTML元素

【存储】样式通常存储在样式表中,外部样式表通常存储在CSS文件中

【构成】由两个主要的部分构成:选择器和声明

选择器通常是您需要改变样式的HTML元素

每条声明由一个属性和一个值组成

例如:将h1元素内的文字颜色定义为红色,同时将字体大小设置为14像素

h1{color:red;font-size:14px;}

选择器声明属性值

【值的不同写法和单位】:除了英文单词red,我们还可以使用十六进制的颜色值#ff0000,如果值为若干单词,则要给值加引号

【多重声明】如果要定义不止一个声明,则需要用分号将每个声明分开

【空格和大小写】是否包含空格不会影响CSS在浏览器的工作效果,同样,与XHTML不同,CSS对大小写不敏感。不过存在一个例外:如果涉及到与HTML文档一起工作的话,class和id名称对大小写是敏感的

【选择器的分组】可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。例:h1,h2,h3,h4,h5,h6{color:green;}

标题元素进行了分组,所以所有的标题元素都是绿色的

【建立css文件】

为了在您的web页中添加你自己的风格,我们创建一个CSS文件。

在static(静态)的目录下创建一个新的目录称为css。然后,在这个css目录里创建一个新的文件,接下来用你的代码编辑器打开该文件

【Django的静态文件及放置位置】

Django已经知道到何处找到内建“admin”应用的静态文件。现在我们只需要给我们的blog应用添加一些静态文件。

我们在blog应用的目录下创建一个名为static(静态)的文件夹

Django会自动找到你应用文件夹目录下所有名字叫“static”的文件夹,并能够使用其中的静态文件

注释:{一:静态文件指的是你所有的CSS文件和图片文件,这些文件不是动态的,对所有用户都是一样,不会因为请求内容而发生变化};

{二:计算机使用特殊的编码来了解颜色。它们以#开始,后面跟着6个字母(A到F)或数字(0-9)}

相关推荐