这是标题
这里的标题其实最好都使用,因为浏览器样式都重置了,使用DIV比较好处理 其实这里是图文混排,优先考虑 自定义列表作为结构
其实这里是图文混排,优先考虑 自定义列表作为结构
摘要:,把他们的宽度平分三份,。三份都一样,所以共同属性写在中。,存在换行时,基本都使用块级元素等等,如果不存在换行的话才使用标签。,整理代码,把相同样式写到一起。
在内容中
一行内容包括三张图片,每张图片下面有标题和具体介绍,那么可以使用:
分析和解决如下步骤:
1,一行三块,先向左浮动成为一行float:left。
2,把他们的宽度平分三份,33.3%。三份都一样,所以共同属性写在comment中。
3,再调整他们的内边框,外边框等等。调整好外面一层,再写里面一层。从外面到里面敲代码。
4,因为下面三块的内容的样式基本都差不多,所以在写框架时,可以把它们重复的全部整理写到一起。
5,存在换行时,基本都使用块级元素div h1等等,如果不存在换行的话才使用span标签。
6,整理代码,把相同样式写到一起。
*{ margin:0; padding:0; font-size:16px; } /*注释一定要记住*/
.container{ width:100%; ...}/*注释一定要记住*/
.main{ width:1200px; .....} 千万记住一定要把边框的width先进行定义,一步一步向里面写,而且样式也的排列也一定是从外面到里面进行排列,不能混乱
.common{ ....}/*注释一定要记住*/
.one{ ... }/*注释一定要记住*/
另外:写css样式时,记住一定要标清楚是那一级下面的什么类的哪个标签。层级一定要明显,如:
.container .main .common .one{......} 一定记住这么写,不易出错,易于维护。
其实这里是图文混排,优先考虑 自定义列表作为结构
其实这里是图文混排,优先考虑 自定义列表作为结构
=================
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/1004.html
摘要:之小白初入江湖超文本标记语言简称是一种用于创建网页的标准标记语言。描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。是块级元素,是行内元素。层叠样式表简称是一种用来为结构化文档如添加样式的工具。 HTML & CSS之小白初入江湖 1. HTML 超文本标记语言(HyperText Markup Language, 简称HTML)是一种用于创建网页的标准标记语言...
摘要:之小白初入江湖超文本标记语言简称是一种用于创建网页的标准标记语言。描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。是块级元素,是行内元素。层叠样式表简称是一种用来为结构化文档如添加样式的工具。 HTML & CSS之小白初入江湖 1. HTML 超文本标记语言(HyperText Markup Language, 简称HTML)是一种用于创建网页的标准标记语言...
摘要:之所以写这篇文章,就是为了告诉你如何写出干净整洁的代码,能够让你的网页在许多设备上都能快速正常的加载运行。在这个过程中,你能够学会如何搭建易于维护和的网站以及。无论如何,尽量避免同时在和,或者和添加。 个人翻译,欢迎转载! 英文原文:https://samdutton.wordpress.com/2015/04/02/high-performance-html/ 第一次翻...
摘要:之所以写这篇文章,就是为了告诉你如何写出干净整洁的代码,能够让你的网页在许多设备上都能快速正常的加载运行。在这个过程中,你能够学会如何搭建易于维护和的网站以及。无论如何,尽量避免同时在和,或者和添加。 个人翻译,欢迎转载! 英文原文:https://samdutton.wordpress.com/2015/04/02/high-performance-html/ 第一次翻...
阅读 1596·2023-04-25 20:36
阅读 2013·2021-09-02 15:11
阅读 1136·2021-08-27 13:13
阅读 2641·2019-08-30 15:52
阅读 4450·2019-08-29 17:13
阅读 985·2019-08-29 11:09
阅读 1474·2019-08-26 11:51
阅读 822·2019-08-26 10:56