今天开始学习css；应用一本《HTML5与CSS3网页设计基础》

先学习css样式规则声明。

Body{ color:blue}

对应：选择符：{声明属性：声明值}；

Background-color：属性

Body{ Background-color：yellow}

配置元素背景颜色css属性是Background-color：，颜色是黄色

Color属性

Body{ color：red}

配置文本颜色css属性是color，颜色是红色。

配置背景颜色也文本颜色

Body{ Background-color：yellow  color：red }

注意:css语法允许通过多种方式配置颜色：

l  十六进制颜色值

l  十六进制短颜色值

l  十进制颜色值（RGB三元组）

l  Css3新增的HSL

配置css方式有四种:内联，嵌入，外部和导入。

Style属性

<h1 style=“color：#cc0000”>

如果属性不止一个，用；分割开。

<h1 style=“color：#cc0000 Background-color：yellow”>

将全局body标记配置成白底绿字。这种样式也会被其他元素继承

<Body style=“Background-color：yellow  color：#cc0000”>

h1元素配置成绿底白字。将覆盖body元素的全局样式。

<h1 style=”background-color:#008080; color:#F5F5F5;”>

内联样式并不常用。它的效率并不高，并且会给网页带来额外的代码。不便于维护。

配置嵌入的css

嵌入样式将于与整个文档，这些样式将要放在head部分的<style>中，以<style>开始，以</style>结束。

代码为

<head>

<style>

Body{

Background-color:#CCFFFF;

Color:#000033;

</style>

</head>

}

嵌入的css样式可以用于h1，h2，div，p,ul，ol，li，等元素

在head中配置body，h1，h2

<style>

Body{background-color:#E6E6F6;color:#191970;}

h1{background-color:#E6E6F6;color:#191970;}

h2{background-color:#E6E6F6;color:#191970;}

配置外部css

当css位于网页文档内部时，css的灵活性与强大才真正显露无遗。

外部样式是包含css样式规则的文本文件，使用. Css拓展名。通过link相关联。因此，多个网页可以共同关联同一个. Css文件。

Link元素

Rel属性值是“stylesheet”

Href属性值是“.css”文件名

Type属性值是“text/css”

例如在head中加入一下代码，将网页和外部样式表与color.css关联。

<link rel=”stylesheet” href=””color.css”>

开始学习css的更多相关文章

  1. 学习 CSS 样式

    1.CSS浮动  :  http://www.cnblogs.com/zhongxinWang/archive/2013/03/27/2984764.html (1)一个重要结论:           ...

  2. css知多少（2）——学习css的思路

    两周之前写过该系列的第一篇,其实当时只是一个想法,这段时间迟迟未更新,是在思考一个解决过程.现在初有成效,就开更吧. 1． 一个段子 开题不必太严肃,写博客也不像写书,像聊天似的写东西是最好的表达方式 ...

  3. HTML+CSS学习笔记 (6) - 开始学习CSS

    HTML+CSS学习笔记 (6) - 开始学习CSS 认识CSS样式 CSS全称为"层叠样式表 (Cascading Style Sheets)",它主要是用于定义HTML内容在浏 ...

  4. 如何深入学习CSS

    学习CSS有了一定基础后,有的人会觉得好象没有什么学的．因为知道一些基本的理论性的东西．CSS说它容易是因为它的知识点有限．说它难学就在于各浏览器对CSS的支持程度不同．如何深入学习我给出以下几点见意 ...

  5. 【图片版】学习CSS网格布局

    简言 CSS网格布局(Grid)是一套二维的页面布局系统,它的出现将完全颠覆页面布局的传统方式.传统的CSS页面布局 一直不够理想.包括table布局.浮动.定位及内联块等方式,从本质上都是Hack的 ...

  6. 学习CSS的思路（转）

    两周之前写过该系列的第一篇,其实当时只是一个想法,这段时间迟迟未更新,是在思考一个解决过程.现在初有成效,就开更吧. 1． 一个段子 开题不必太严肃,写博客也不像写书,像聊天似的写东西是最好的表达方式 ...

  7. 《学习CSS布局》学习笔记

    近几天做了一个小的企业展示网站.虽然页面是在模板的基础上改的,但改的多了不熟悉CSS也很麻烦.正好我看到了学习CSS布局这个网站,于是补习了一下CSS知识. CSS的显示 CSS的元素分为两类:块级元 ...

  8. 学习css盒子模型

    在这一周,我学习了css,在没有学习css之前,我一直都觉得布局很难,样式特别难调,但是学习了css盒子模型之后我就觉得欸,其实还挺简单的,下面就来看看我学习的css吧. CSS 盒子模型(Box M ...

  9. 学习css常用基本层级伪类属性选择器

    常见的css选择器包含:常用选择器.基本选择器.层级选择器.伪类选择器.属性选择器,其中常用选择器分为:1.html选择符*{}//给页面上所有的标签设置模式:2.类选择符.hcls{}//给clas ...

随机推荐

  1. Umbraco官方技术文档 中文翻译

    Umbraco 官方技术文档中文翻译 http://blog.csdn.net/u014183619/article/details/51919973 http://www.cnblogs.com/m ...

  2. UVa 11971 Polygon （数学，转化）

    题意:一根长度为n的木条,随机选k个位置将其切成k+1段,问这k+1段能组成k+1条边的多边形的概率. 析:这个题,很明显和 n 是没有任何关系的,因为无论 n 是多少那切多少段都可以,只与切多少段有 ...

  3. C++成员变量、构造函数的初始化顺序

    一.C++成员变量初始化 1.普通的变量:一般不考虑啥效率的情况下 可以在构造函数中进行赋值.考虑一下效率的可以再构造函数的初始化列表中进行 2.static 静态变量(本地化数据和代码范围): st ...

  4. c/c++字符串处理大集合

    rember this strncpy(a,b,5); a[5]='\0'; char a[10]; memset(a,'#',sizeof(a)); a[10]='\0'; 刚开始学C/C++时,一 ...

  5. How Much Work Does it Take to be a Successful Mathematician?

    http://mathoverflow.net/questions/9799/how-much-work-does-it-take-to-be-a-successful-mathematician# ...

  6. JAVA实现HTTPserver端

    用java socket实现了一个简单的httpserver, 能够处理GET, POST,以及带一个附件的multipart类型的POST.尽管中途遇到了非常多问题, 只是通过在论坛和几个高手交流了 ...

  7. 【XS128】Link error L1822 symbol _FADD / _FSUB/ _FDIV/ _FMUL.....错误解决的方法

    转载请注明出处 因为阅历有限,篇幅不周之处还望指出,谢谢 假设方法确实奏效,请一定回复点赞哦,给后来人也是一种帮助,谢谢! 这是飞思卡尔 XS128平台比較常见的LINK错误. 可是要解决起来也比較头 ...

  8. dubbo-RPC学习（一）自定义配置

    在dubbo的基础上实现异步调用的时候,因为需要支持回调的“重试间隔时间”与“重试次数”等属性.因此,需要扩展dubbo.xsd,需要添加新的属性来支持这种扩展. dubbo 的xsd是基于sprin ...

  9. 解决用ASP.NET下载文件时,文件名为乱码的问题

    关键就一句:                    string strTemp = System.Web.HttpUtility.UrlEncode(strName, System.Text.Enc ...

  10. 详细的OS X Yosemite 10.10懒人版安装教程

    永远记住一句话:难,是因为不会.先是要放宽心态,才更利于解决安装过程中这样那样的问题.多尝试多动脑,不要有过份的依赖.很多问题到解决以后,才发现是如此的简单,我装黑苹果是拿来使用的,所以我的目的是装好 ...