上文我们讲了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. 【iOS】关联属性存取数据

    有时候我们需要在现有的类存放一些额外的信息,通常的做法是继承一个子类,然后定义新增加的属性,然而如果我们为每个需要的类都添加一个类显得太麻烦了,objc提供了一个关联属性的特性,可以给一个对象关联一个 ...

  2. 注意:DateTimePicker.Text不靠谱

    这鸟属性把我害苦过,特此敬告一下大家.具体表现在: 获取时:在DateTimePicker.ValueChanged事件中,获取到的Text有可能是string.Empty!!!,特别当ValueCh ...

  3. 【C#进阶系列】16 数组

    首先提一下,个人在项目中已经很少用到数组了,更多的时候使用List<>. 数组大小固定,如果只是用来存放数据,专门用来读取,更改当然方便.但是更多的时候我们需要进行增删改,这个时候用Lis ...

  4. SSH实例(6)

    在WebContent文件夹下新建query.jsp和save.jsp文件. query.jsp: <%@ page language="java" import=" ...

  5. 获取PC或移动设备的所有IP地址

    不论是PC还是移动设备,都有可能同时存在几个IP地址(如具有多块网卡),本文介绍怎样获得PC或移动设备的所有IP地址. // 获得所有IP地址 public static void get_ip(){ ...

  6. virtualbox创建com对象失败(解决方法)

      我的电脑是win7 64bit的,和舍友同时安装virtualbox,她的是win8,安装得很顺利. 我的就比较坎坷了,安装完打开后就出现了这个问题.   试过网上的好几个方法都不行,最后结合了两 ...

  7. js控制页面显示和表单提交

    早期的web页面在显示方面一般在后台进行控制,虽然对后台开发来讲是比较容易做到的,但是涉及到一个问题,那就是数据库压力. 因为要控制显示,所以会比较频繁的从数据库中来回调用. 现在的js功能越来越强, ...

  8. 初识orcl

    一.介绍基本数据库的端口号. SQLServer                  端口号:1433 MySql                          端口号:3306 Oracle    ...

  9. 《深入.NET平台和C#编程》内部测试题

    一 选择题 1)      以下关于序列化和反序列化的描述错误的是( C). a)      序列化是将对象的状态存储到特定存储介质中的过程 b)      二进制格式化器的Serialize()和D ...

  10. ActiveMQ 简介与安装

    一. 概述与介绍 ActiveMQ 是Apache出品,最流行的.功能强大的即时通讯和集成模式的开源服务器.ActiveMQ 是一个完全支持JMS1.1和J2EE 1.4规范的 JMS Provide ...