2、CSS学习 - IT软件人员学习系列文章

上文我们讲了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年快乐。。。

时间: 2024-10-10 21:07:44

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

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

本文做为<IT软件人员学习系列文章>的第一篇,将从最基本的开始进行描述,了解的人完全可以跳过本文(后面会介绍一些工具). 今天讲讲Web开发中最基础的内容:HTML(超文本标记语言).HTML的内容是文本,就象我们在文本文档中记录内容一样. 一.最基本例子. 下面是一个最基本的HTML页面文本内容(代码一): <html> <head> <title>这个HTML页面</title> </head> <body> 这是HT

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

读书是一件快乐的事情. 读书能够增长知识,了解社会,了解人类的思想,继而转换成智慧.无论是什么人,都需要读书,多读书,读好书,同时也要把书中的精髓记录下来,一个是当做读后感,一个是为以后如果忘记了回头翻看能快速找回来. IT软件人员同样要多读书,多找能增进知识,增进技术的书来看.现在市场上有很多IT软件类的书籍,鱼龙混杂,林子大了什么书都有.所以,要从这些书中找到合适自己的书来阅读.但是,因为现在的书籍都比较贵,一本至少几十块钱,要购买相关的书籍需要付出不少费用.所以,关键是找到好书,如果是电子

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

软件架构师在项目中的地位是不言而喻的,其对于项目的需求要相对比较了解,然后对项目代码的结构需要做到覆盖全面.本文就说说作为一个软件架构师需要阅读的一些书籍. 当然,这些书籍都来源于网络,是笔者收集整理的,希望能够对大家有帮助.特别是现在网络上对软件架构师介绍的网站不是很多,所以软件架构师要学习的书籍也就尤其重要了.前面笔者写过一个文IT从业者的学习规划 - 学习者系列文章开篇,这里根据4个阶段对技术层面做了描述,另外,也曾经写过一个文:IT软件人员的技术路线(写给技术迷茫中的你) - 项目管理系

开篇:IT软件人员使用到的工具 - IT软件人员工具系列文章

IT软件人员在实际的工作过程中,总会使用到各种各样的工具.这些工具有些是流行的工具,有些是软件人员自己找到的工具,有些是开源的工具,有些是软件人员自己开发的工具.工具的多少,并不代表软件人员的水平,但是能够帮助软件人员更好的工作,更好的完成工作任务. 本系列文章就是从IT软件人员使用的工具入手,介绍使用到的工具,一方面是总结大家在使用的工具,另一方面是介绍有些大家没使用到的,开源的工具.本系列文章没有放在学习者系列中做介绍,是为了更好的总结出好的工具,更好的把最好的工具发布给大家使用. 笔者在以

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

接下来,我们开始进入Javascript语言的学习. Javascript语言是一种解释性的语言,不同于ASP.NET.C#语言的这种编译性的语言.它随着HTML网页的发布而发布,就是说嵌入到HTML页面中进行运行. 下面是一段简单的Javascript语言: <script type=”text/javascript”> alert(“Hello World”); </script> 上面的Javascript脚本将显示一个对话框,并提示显示“Hello World”字符串. 一

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

数据库设计是软件项目底层的工作,它关系到软件项目的基础内容设计问题.数据库工程师的工作,就是设计数据库,维护数据库,优化数据库,这个跟DBA数据库助手的工作类似.现在的数据库有好几种了,比如MS SQL SERVER,ORACLE,MySQL,DB2等主流的关系型数据库,还有其它的非关系型数据库比如MongoDB等.但是,无论关系型还是非关系型,都是需要数据库工程师学习和关注的,特别是现在的非关系型数据库的兴起,也算是数据库领域的一大亮点吧. 数据工程师要学习的内容也比较多,不仅仅在于设计数据库

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

项目经理是负责软件项目的总体把控的角色.项目经理在项目中是一个管理者的角色,他需要对项目的9大领域进行学习,同时针对项目的范围.进度.沟通和风险进行处理,让项目能够按时保质保量的完成. 项目经理需要学习的知识很多,除了项目管理经验外,还需要根据项目情况对项目各个业务领域知识进行学习,更好的对项目的业务进行处理,这样才能够写出更好的项目解决方案说明书,更好的服务于项目.下面将项目经理需要阅读的书籍提供下载: http://pan.baidu.com/s/1hsoBYJi

4、界面前端设计师要阅读的书籍 - IT软件人员书籍系列文章

前端工程师原来的职位是美工,原来只负责项目的一些简单网页制作,因为项目的需要,升级为前端工程师,这就涉及到JS等代码的编写了.前端工程师这个职位在目前来说算是新兴职位,在未来的几年里也是挺吃香的一个职位. 前端工程师要阅读的书籍不怎么多,但是也会涉及到前端代码的编写,比如JS.所以前端工程师也要阅读JS方面的书籍,当然要包括任何前端相关的书籍,在移动端上就是界面的设计了.在项目过程中,按笔者的经验,前端工程师要负责软件原型的设计制作,所以在项目前期,前端工程师的工作还是比较多的了. 前端工程师要

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

SEO工程师是Web项目中比较重要的一个角色.他主要负责网站的针对搜索引擎的优化方案的编写和实施.因为现在网站数量庞大,在全世界的这么多网站当中,想要让用户访问你的网站,就需要一些技巧性的内容.很多用户都是通过搜索引擎搜索到他们需要的网站,比如电商购物,技术学习等等. 所以,在如此庞大的网站当中,SEO工程师就需要针对公司的网站进行搜索引擎优化,让搜索引擎能够保存网站的相关网页,让更多的人能够通过搜素引擎搜索到公司的网站.现在的搜索引擎数量也比较多,但是SEO工程师更多的是针对谷歌和百度这两个搜