资讯专栏INFORMATION COLUMN

正确分析结构使用正确的HTML标签。CSS样式写一起。

DTeam / 1778人阅读

摘要:,把他们的宽度平分三份,。三份都一样,所以共同属性写在中。,存在换行时,基本都使用块级元素等等,如果不存在换行的话才使用标签。,整理代码,把相同样式写到一起。

在内容中

一行内容包括三张图片,每张图片下面有标题和具体介绍,那么可以使用:

分析和解决如下步骤:

1,一行三块,先向左浮动成为一行float:left。

2,把他们的宽度平分三份,33.3%。三份都一样,所以共同属性写在comment中。

3,再调整他们的内边框,外边框等等。调整好外面一层,再写里面一层。从外面到里面敲代码。

4,因为下面三块的内容的样式基本都差不多,所以在写框架时,可以把它们重复的全部整理写到一起。

5,存在换行时,基本都使用块级元素div h1等等,如果不存在换行的话才使用span标签。

6,整理代码,把相同样式写到一起。

  

这是标题

     这里的标题其实最好都使用
,因为浏览器样式都重置了,使用DIV比较好处理

  其实这里是图文混排,优先考虑

自定义列表作为结构

  

   /*common:共同的  这个class是写三个块的共同样式,one:描述,这是写每个块自己独特的样式*/

    

    

    

  

  其实这里是图文混排,优先考虑

自定义列表作为结构

  

   /*common:共同的  这个class是写三个块的共同样式,third:描述,这是写每个块自己独特的样式*/

    

    

    

  

=================

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1004.html

相关文章

  • HTML & CSS之小白初入江湖

    摘要:之小白初入江湖超文本标记语言简称是一种用于创建网页的标准标记语言。描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。是块级元素,是行内元素。层叠样式表简称是一种用来为结构化文档如添加样式的工具。 HTML & CSS之小白初入江湖 1. HTML 超文本标记语言(HyperText Markup Language, 简称HTML)是一种用于创建网页的标准标记语言...

    fai1017 评论0 收藏0
  • HTML & CSS之小白初入江湖

    摘要:之小白初入江湖超文本标记语言简称是一种用于创建网页的标准标记语言。描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。是块级元素,是行内元素。层叠样式表简称是一种用来为结构化文档如添加样式的工具。 HTML & CSS之小白初入江湖 1. HTML 超文本标记语言(HyperText Markup Language, 简称HTML)是一种用于创建网页的标准标记语言...

    crossoverJie 评论0 收藏0
  • 如何出高效率HTML

    摘要:之所以写这篇文章,就是为了告诉你如何写出干净整洁的代码,能够让你的网页在许多设备上都能快速正常的加载运行。在这个过程中,你能够学会如何搭建易于维护和的网站以及。无论如何,尽量避免同时在和,或者和添加。 个人翻译,欢迎转载! 英文原文:https://samdutton.wordpress.com/2015/04/02/high-performance-html/ 第一次翻...

    lsxiao 评论0 收藏0
  • 如何出高效率HTML

    摘要:之所以写这篇文章,就是为了告诉你如何写出干净整洁的代码,能够让你的网页在许多设备上都能快速正常的加载运行。在这个过程中,你能够学会如何搭建易于维护和的网站以及。无论如何,尽量避免同时在和,或者和添加。 个人翻译,欢迎转载! 英文原文:https://samdutton.wordpress.com/2015/04/02/high-performance-html/ 第一次翻...

    LucasTwilight 评论0 收藏0

发表评论

0条评论

DTeam

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<