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

在内容中

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

分析和解决如下步骤：

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{......} 一定记住这么写，不易出错，易于维护。

这是标题

    这里的标题其实最好都使用

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

自定义列表作为结构

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

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

自定义列表作为结构

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

sql数据库还原，出现媒体簇的结构不正确，SQLServer无法处理此媒体簇的解决方法

问题: sql数据库还原,出现媒体簇的结构不正确,SQL Server无法处理此媒体簇. 异常如下图. 造成问题的原因: 我的电脑上安装了sql2005和sql2008,问题就在于我用sql2008的 ...

Lodop打印控件传入css样式、看是否传入正确样式

Lodop中可以传入页面存在的css样式,也可以是拼接后的新样式,例如本博客的其他博文:Lodop打印如何隐藏table某一列 需要打印的页面,样式不一定都是行内样式,style样式单独写在页面上,或 ...

CSS_简介/语法结构/长度单位/应用方式/标签的样式重置/表单样式重置

一.CSS简介:  w3c(World Wide Web Consortium):万维网联盟,是规定网页标准的一个组织(叫做Web标准) Web标准:是由w3c和其他标准化组织制定的一系列标准的集合, ...

博客中css样式的正确设置

一.简介 博客园的文章是支持html代码和css样式的,即使是markdown写作.当某个标签需要特制样式时,我们可以自定义样式来覆盖掉原本的样式. 二.css样式优先级 参考至>>菜鸟教 ...

Html 常见标签,css基础样式,css的浮动和清流,浏览器的兼容

1.html模板

Html中<a>标签的样式的设置

html中标签的样式的设置.. ------------------------ 这是网页选项卡的名称& ...

关于css中a标签的样式

CSS为一些特殊效果准备了特定的工具,我们称之为“伪类”.其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,它们分别是: :link :visited :hover : ...

HTML标签CSS默认值研究

最近写css的时候,发现在div元素里面添加ul元素后发现,ul列表在div里面距离最上方总是有一段空行,当时很奇怪,以为是哪个css出了问题,就把css去掉了,发现问题依旧,然后就查了一下发现htm ...

Angular中innerHTML标签的样式不起作用详解

1.背景 在最近angular的项目中,需要用到[innerHTML]标签来指定一个div的样式: //HTML部分

随机推荐

nginx upstream模块--负载均衡

Module ngx_http_upstream_module英文文档 upstream模块相关说明1.upstream模块应放于nginx.conf配置的http{}标签内2.upstream模块默 ...

Unique Paths II 解答

Question Follow up for "Unique Paths": Now consider if some obstacles are added to the gri ...

Android中<meta-data>的使用

在AndroidManifest.xml中.元素能够作为子元素,被包括在. .

Druid Indexing 服务

索引服务由三个主要组件:一个是peon 组件,可以运行一个任务,一个是Middle Managers组件,管理peons,和一个overlord 组件管理任务分发给Middle Managers. o ...

Python基础数据类型之集合以及其他和深浅copy

一.基础数据类型汇总补充 list  在循环一个列表时,最好不要删除列表中的元素,这样会使索引发生改变,从而报错(可以从后向前循环删除,这样不会改变未删元素的索引). 错误示范: lis = [,,, ...

javascript中的Date对象

Date是什么? Date是日期类的构造函数 也是个对象,用于构造日期对象的实例. 有一个 now()方法,返回截止目前的时间戳(1970.1.1日始). Date.parse()接受 一定格式的日期 ...

vue路由1：基本使用

路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容.Home按钮  => home 内容, ...

构建openssl debug版

一.简介 作为一种安全协议,openssl囊括了主要的密码算法.常用的密钥和证书封装管理功能以及SSL协议,并提供了丰富的应用程序供测试或其它目的使用. 参考: http://www.linuxidc ...

Week One

2018.11.21: 1.[BZOJ 4868][SHOI 2017] 从后往前枚举最后位置即可,如果$A

Vim 基本設置 – 使用Vim-plug管理插件 (3)【转】

本文转载自:https://staryoru.github.io/vim-plugin-manager/ Vim中有很多非常好用的插件(plugin),對於這些插件的安裝.更新與移除等等,使用一個插件 ...