上文我们讲了HTML,本文讲讲CSS。

上次我们讲了CSS是HTML页面的装修部分,就是各种瓷砖、粉墙。说明了CSS在HTML页面中的重要地位。没有CSS,那么HTML页面将很粗糙,就象我们的毛坯房一样。下面开始讲CSS的相关内容。

CSS的内容很简单,就是选择器,属性,属性值。下面是一条简单的CSS内容。

#nav {

color:red;

}

上面的CSS内容设置了nav这个HTML页面标签的字体颜色。

一、CSS文件的嵌入有3种形式:文件嵌入,页面嵌入,HTML标签嵌入。

1、文件嵌入。在HTML页面的head标记之间嵌入以下内容:

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

上面HTML页面在加载的时候将在css目录中找到style.css文件并进行页面渲染。

2、页面嵌入。在HTML页面的head标记之间嵌入以下内容:

<style type="text/css">

body, ul, ol, li, p {

margin: 0;

padding: 0;

}

</style>

上面HTML 页面在加载时将执行上述的css设置进行页面渲染。

3、HTML标签嵌入。在HTML标签内的style属性内嵌入css设置。

<asp:Label ID="Label1" runat="server" Text="Label" style="color:red;"></asp:Label>

上面HTML页面在加载该标签的时候将使用style内的css设置对该标签进行渲染。

二、CSS文件的选择器有3种:标签选择器,class选择器,ID选择器。

1、ID选择器。在CSS设置中直接选择该HTML标记。使用#号开始。

#nav {

color:red;

}

2、class选择器。在CSS设置中直接设置该标记(使用.开头),在HTML元素中进行设置使用该设置,使用class属性进行标记。

<div class=”cls”></div>

<style type="text/css">

.cls {

margin: 0;

padding: 0;

}

</style>

3、标签选择器。在CSS中直接设置该标记,在HTML元素中定义该标记即可。

<div></div>

<style type="text/css">

div {

margin: 0;

padding: 0;

}

</style>

下面介绍标签选择器的子标签选择。

<div>

<ul>

<li></li>

</ul>

</div>

<style type="text/css">

div ul li {

margin: 0;

padding: 0;

}

</style>

上面对DIV下的UL下的li标记进行了选择设置。标记中间以空格划分。

<div ID=”box”>

<ul>

<li></li>

</ul>

</div>

<style type="text/css">

#box ul li {

margin: 0;

padding: 0;

}

</style>

上面使用ID选择器设置了DIV下的UL下的li标记。中间同样以空格划分。

由于篇幅有限,上面简要介绍了CSS的设置,具体学习可看下面链接提供的书籍(主要是学习CSS的设置的属性内容):

http://pan.baidu.com/s/1o6JpZeE

ps.今天是元旦节后第一天上班。祝大家2015年快乐。。。

2、CSS学习 - IT软件人员学习系列文章的更多相关文章

  1. 1、HTML学习 - IT软件人员学习系列文章

    本文做为<IT软件人员学习系列文章>的第一篇,将从最基本的开始进行描述,了解的人完全可以跳过本文(后面会介绍一些工具). 今天讲讲Web开发中最基础的内容:HTML(超文本标记语言).HT ...

  2. 后记:IT软件人员学习的书籍 - IT软件人员书籍系列文章

    1年了,软件人员学习书籍系列总算是写完了.虽然文字篇幅不多,主要对各个角色的一些基本内容做了介绍,但是更重要的是能够提供相关的人员学习书籍进行下载,让更多的人能够从中学习到更多的知识. 这个系列,从项 ...

  3. 开篇:IT软件人员学习的书籍 - IT软件人员书籍系列文章

    读书是一件快乐的事情. 读书能够增长知识,了解社会,了解人类的思想,继而转换成智慧.无论是什么人,都需要读书,多读书,读好书,同时也要把书中的精髓记录下来,一个是当做读后感,一个是为以后如果忘记了回头 ...

  4. 1、软件工程师要阅读的书籍 - IT软件人员书籍系列文章

    软件工程师要阅读的书籍估计是项目组内最多的.软件工程师处于项目组中最基础的人员储备阶层,与项目的关系最密切.当然,现在是大数据时代,我们无法全部看完所有相关的书籍,只能够先学习工作需要的知识,然后在项 ...

  5. 5、软件架构师要阅读的书籍 - IT软件人员书籍系列文章

    软件架构师在项目中的地位是不言而喻的,其对于项目的需求要相对比较了解,然后对项目代码的结构需要做到覆盖全面.本文就说说作为一个软件架构师需要阅读的一些书籍. 当然,这些书籍都来源于网络,是笔者收集整理 ...

  6. 3、Javascript学习 - IT软件人员学习系列文章

    接下来,我们开始进入Javascript语言的学习. Javascript语言是一种解释性的语言,不同于ASP.NET.C#语言的这种编译性的语言.它随着HTML网页的发布而发布,就是说嵌入到HTML ...

  7. 11、项目经理要阅读的书籍 - IT软件人员书籍系列文章

    项目经理是负责软件项目的总体把控的角色.项目经理在项目中是一个管理者的角色,他需要对项目的9大领域进行学习,同时针对项目的范围.进度.沟通和风险进行处理,让项目能够按时保质保量的完成. 项目经理需要学 ...

  8. 9、数据库工程师要阅读的书籍 - IT软件人员书籍系列文章

    数据库设计是软件项目底层的工作,它关系到软件项目的基础内容设计问题.数据库工程师的工作,就是设计数据库,维护数据库,优化数据库,这个跟DBA数据库助手的工作类似.现在的数据库有好几种了,比如MS SQ ...

  9. 12、产品经理要阅读的书籍 - IT软件人员书籍系列文章

    产品经理是软件产品的主要领导者.不同于项目经理,产品经理是对产品负责,更多的是负责产品的设计定型:而项目经理则对项目负责,更多的是负责项目软件的实现.产品经理的一些工作,和项目经理是一致的,比如需求分 ...

随机推荐

  1. IT技术开发人员获得成功的六大步骤

    IT技术开发人士成功的6大步骤 一个前辈在移民加拿大后写的文章,写得不错,值得借鉴,转来给大家看看,也给自己   序言:经过001多年的洗礼,认识了这里这么多的JJMMGGDD,前几天刚得到签证, 无 ...

  2. C#编程总结(十三)数据压缩

    C#编程总结(十三)数据压缩 在进行文件存储或者数据传输时,为了节省空间流量,需要对数据或文件进行压缩.在这里我们讲述通过C#实现数据压缩. 一.GZipStream压缩 微软提供用于压缩和解压缩流的 ...

  3. 基于.Net Framework 4.0 Web API开发(2):ASP.NET Web APIs 参数传递方式详解

    概述:  ASP.NET Web API 的好用使用过的都知道,没有复杂的配置文件,一个简单的ApiController加上需要的Action就能工作.调用API过程中参数的传递是必须的,本节就来谈谈 ...

  4. 孙鑫MFC学习笔记7:对话框编程(上)

    1.DoModal创建模态对话框 2.Create创建非模态对话框(需要用ShowWindow显示出来) 模态:对话框显示,程序会暂停,直到对话框关闭 非模态:对话框显示,程序继续执行 3.对于模态对 ...

  5. Python程序员的进化史

    各种程序员所写的阶乘算法代码 # -*- coding: utf-8 -*- #新手程序员(递归) def factorial(x): if x == 0: return 1 else: return ...

  6. 泛函编程(26)-泛函数据类型-Monad-Applicative Functor Traversal

    前面我们讨论了Applicative.Applicative 就是某种Functor,因为我们可以用map2来实现map,所以Applicative可以map,就是Functor,叫做Applicat ...

  7. Discuz网站建站运营必备插件

    Discuz界面功能完善,对开发者友好,拥有丰富的插件资源,能够高度定制属于自己风格的论坛服务.但是在拥有近四千个插件的Discuz应用中心,小白站长该如何挑选合适的插件来优化自己的网站呢?   楼主 ...

  8. loadrunner用javavuser进行接口测试

    在日常工作中会遇到被测试系统通讯都是通过加密的数据包,加密算法是公司自己开发的,并且发送的数据包还要经过系统的压缩,以保证系统的性能.利用loadrunner就无法解决这里的加密的技术问题,利用jav ...

  9. The POM for XXX:jar:${com.ld.base.service.version} is missing, no dependency information available

    最近有个jar改了名字后,有个依赖它的工程死活引用的是老名字,导致打包的时候出错,如下所示: [INFO] ---------------------------------------------- ...

  10. JavaScript学习(2):对象、集合以及错误处理

    在这篇文章里,我们讨论一下JavaScript中的对象.数组以及错误处理. 1. 对象 对象是JavaScript中的一种基本类型,它内部包含一些属性,我们可以对这些属性进行增删操作. 1.1 属性 ...