WEB代码的一些基础知识(三)

原创 2011年01月13日 22:48:00

CSS的目标是保持HTML代码尽可能简洁且有意义,所以界面上的div不能滥用。有时候用<ul>列表,外面还要再套一个div这就多余了。直接把ID加在<ul>上就好.

ID是唯一的,一个页面中不能有相同ID的标签,否则会发生错误。也许你会发现有时候你用两个ID,CSS呈现也没出错,但是这种方式的代码是不稳定的。尤其当你使用javascript的时候就会出错。

“在整个站点上,ID名应该应用于概念上相似的元素以避免混淆”。

类“class”就没有限制了。对于CSS来说一个class属性可以应用到不同的页面标签上。

在这个例子中,每个标签都对应了一个class,但这只是增加了无意义的代码。

看看下面这个

 

这样就可以定义一个固定的新闻格式。相对的css代码可以这样写:

这样的好处是减少了冗余代码,使HTML的可读性大大提高了。

我们知道对于html标签,我们可以通过标签名来直接配置属性,<body></body>的css就是body{}

在CSS中是有一个包含的概念,

这里用到了, .news h3和.news p 表示类news下的h3,p标签。

由此引申开来:

表示的就是下列代码中的p标签。

 

css还有一个概念叫并列用“,”分隔开来表示列举的元素公用一个属性

使用这个css定义的html标签都会含有一个1px的实心边界,然后内容有5px的间距;

 

 看看结果吧

 

代码显示结果

 

Web前端之基础知识

学习web前端开发基础技术需要掌握:HTML、CSS、Javascript 1.HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2.C...
  • bear_huangzhen
  • bear_huangzhen
  • 2015年06月06日 23:00
  • 3569

JavaWEB基础知识总结

什么是WEB、WEB服务器有什么用、如何开发WEB应用以及tomcat 的使用
  • Z_HaiSome
  • Z_HaiSome
  • 2016年10月26日 19:44
  • 316

Web开发基础知识的整理(一、Http协议的简单介绍)

Web方面的东西,实际上挺多挺杂的,所以有的时候就需要一些整理,今天这里来简单介绍一下Http协议,算是对之前学习一些东西的整体,希望对自己或者对一些人有些帮助。 首先从Http协议说起,Web浏览...
  • H_Gao
  • H_Gao
  • 2015年08月08日 11:13
  • 1980

web基础知识总结

决定要开始写博客,先把之前的东西总结一下好了。以前培训的时候学到的一些基础知识,做下笔记备用。w3cSchool也是一个很好的学习这些知识的地方。 web基础知识回顾 (一)web界面开发的三个基...
  • lanonola
  • lanonola
  • 2014年03月11日 17:09
  • 1161

移动web开发基础知识

首先做开发码子编完了我们得有个工具去看效果,PC端开发我们有firefox,chrome等等,那么我们做手机web用什么做调试?手机设备多种多样,不同品牌,不同的屏幕尺寸。当然我们不可能把所有的手机设...
  • youyounou
  • youyounou
  • 2014年11月18日 17:33
  • 1118

华三 交换机 S3100 web页登陆设置

From:http://digdeeply.org/archives/0307705.html首先要通过console口设置访问IP,如下:sys[H3C] interface Vlan-interf...
  • u014461454
  • u014461454
  • 2014年03月31日 17:55
  • 1788

Java Web基础学习(一)

Java的Web开发学习 Web应用程序 Web应用程序是一种可用通过Web访问的应用程序。Web应用程序的一个最大好处是用户很容易访问应用程序。用户只需要有浏览器即可,不需要再安装其他软件。 ...
  • yzhang6_10
  • yzhang6_10
  • 2016年06月24日 22:03
  • 3732

Web基础知识三之文本标记

文本标记 1、特殊文本 任意多的回车和空格,最终只会被解析成一个空格 在页面中输出:这是一个P标记 在页面中,要通过“转义字符”来表示 空格,等一些字符 1、 表示一个空格...
  • Andone_hsx
  • Andone_hsx
  • 2016年12月29日 22:31
  • 219

Web框架系列:框架基础

很多做Web开发的同学都会有一个梦想,就是将来开发出来自己的一套Web应用框架,在项目中使用。刚开始做开发时,觉得这个东西好牛啊。只需要写一点代码,就能够做出带有业务逻辑的网站,就能够挣工资了。其实,...
  • cloudqiu
  • cloudqiu
  • 2017年03月22日 11:23
  • 496

HTML---网页编程基础知识

前 言 HTML需要和CSS还有JS一起用,才能提现强大。  所以,学了HTML。最好去学学CSS还有JS(JavaScript) ☆静态页面和动态页面 网站页面分为静态页面和动态页面两种  •...
  • chaishen10000
  • chaishen10000
  • 2016年05月22日 21:25
  • 2300
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WEB代码的一些基础知识(三)
举报原因:
原因补充:

(最多只允许输入30个字)