HTML问题:为什么img标签对中margin和padding设置效果会完全一样?还有段落P标签也是此效果?请具体解释

HTML问题:为什么img标签对中margin和padding设置效果会完全一样?还有段落P标签也是此效果?请具体解释,第1张

1、你们使用的是dedecms的默认模板,有个不好的地方时文章内容是放在一个table中的,这个不利于显示(一般是必须下载完文章内容,才会显示)。当然这是次要的。

2、做网站最重要的是明白你是做什么的?

整个网站没有突出的主题--慢投。页面中的关键词密度也不够

其实非常简单,你进入后台找到

模板(不是模块)→智能标记向导

到了这里你会看见 上面有四个单选框,分别是四种显示方式。

选择你所需要的版面样式后,选择所要调用的栏目、调用条数、显示列数、标题长度。

最后点击“生成模板标记”

下方就会出现一个模板标记 例如:

---------------------------------------------------------------------------------

{dede:arclist row='10' titlelen='24' orderby='pubdate' typeid='1' idlist=''}

·[field:textlink/]([field:pubdate function=MyDate('m-d',@me)/])<br/>

{/dede:arclist}

---------------------------------------------------------------------------------

{dede:arclist row='10' titlelen='24' orderby='pubdate' typeid='1' idlist=''}

这个是循环头部,

里面row='10'代表了调用条数。

titlelen='24' 标题长度

typeid='1'栏目ID1的栏目文章所有文章。

-----------------

·[field:textlink/]([field:pubdate function=MyDate('m-d',@me)/])<br/>

以上是文章显示方式。

[field:textlink/] 这里是文章标题。

([field:pubdate function=MyDate('m-d',@me)/]) 这里是文章后的时间,例如:(01-13)

-----------------

{/dede:arclist}这个是底部,很多人也许不会在意,但是千万别忘记这个底部。

如果你没有加上底部,我敢很负责人的告诉你,你的网站绝对是搓板的。

好了这些都是我一字一句的打出来的,希望你能通过。如果对dedecms二次开发有兴趣。

欢迎来我的BLOG观看相关文章:http://hibaiducom/djlyr

margin和padding的效果肯定是不一样的

如上图

黑色的那条线是边框,是区分img标签和其他标签的分界点

绿色部分是padding,他是属于img标签的一部分

橘色部分是margin,他用于和其他元素拉开距离,他不是img的一部分

针对用margin还是padding的问题,我个人是这样认为的:

padding 能很好的控制元素内部内容的位置(例如,四周的留白,文字在容器内的页边距)

margin 能很好的控制元素之间的位置(例如,2个li之间空一些距离)

修改padding,在box-sizing为border-box的情况下,不会影响其他元素的位置

修改margin,不会对元素本身内容的位置造成影响

通常来说,大多数html元素均为块级元素(块级元素的表现是:以新行开始或结束,例如p,在默认情况下,p是占一整行的)

当然,其他元素可以设定display:block来成为块级元素

针对于img元素来说,设置为块级元素意义不大,因为他已经不能再在自己的内存嵌套其他元素了,设置img为块级元素,大多都是为了解决一些css的兼容性问题,例如在ie6下,设置img为block可以解决下面留白的问题

纯手打,希望帮到您

1) asp 看别人的代码然后根据他的流程自己学者模仿一个

2) Frontpage就可以了

3) 我用了两三天吧,但是我当时是学会了VB的

4) 不涉及算法 最难的是版面设计

5) 看别人的代码然后根据他的流程自己学者模仿一个

技术要求:

(1) 基本知识:知道B/S模式工作原理,有B/S模式的概念。

(2) 开发环境:会使用IIS、FrontPage(或Dreamweaver)写静态和动态的网页,会调试。

(3) HTML:能读懂HTML代码,知道各个标签的含义(html, head, body, title, script, a, front, div, table, thead, tbody, tr, td, th, img, input, button, select, option, textarea, meta)。不需要会手工编写,但能在用工具软件编完的代码视图基础上添加、删除、修改HTML代码。最好能够连CSS也会用。参见《XML编程技术大全》选修课课本2、3章或其他书籍。建议研究、修改一下XML选修课课件的代码。

(4) ASP:能用ASP进行结构化编程(顺序、循环、选择结构)。能知道ASP程序要在HTML代码的什么位置添加。能运用ASP语法。能使用request和session操纵信息。能使用response对象的redirect、write、end方法。能够把从一个网页提交的数据在下一网页得到并显示出来。使用ADODB组件读写、编历数据库。

(5) JavaScript:能够把一下内容运用在HTML标记的onclick属性中:windowopen、windowclose、innerHTML、getElementByID、getElementByName、historygo、historyback。

(别看上面的要求很多,但是学起来很快的。按照(1)~(5)的顺序学,我没说的不作要求,重在实践!先期比较苦,但有成效。)

我有当时我们做的一个新闻发布系统,教程,小作业和一些有用的资料,你可以留下你的邮箱,我发给你。

明确网站的定位

要明确网站的定位,清楚公司的产品优势以及访问的目标群体。这是首先要做分析的,只有根据自己公司的实际情况,来制作网站的风格定位。众所周知,网站风格分营销型网站、品牌型网站、电商网站、平台网站等。明确了自己网站的定位后,开始收集相关的网站案例,作为下一步工作的参考。

制作网页原型

这是一个费脑活,目前大多数人都是采用Axure的软件制作,画原型图需要参考很多网站风格,通过不断的借鉴,才能总结自己的网站风格。目前设计流行的元素是采用图标配文字,界面扁平化,尺寸做成宽屏风格。在制作原型图的过程中,需要看很多的网站风格。

上色/UI界面设计

当原型图做好以后,可以开始交给设计师做UI设计,设计师会根据原型图的布局进行上色设计,但是不局限于原型图,优秀的设计师不会按部就班执行,会根据自己的经验适度做一些细节布局上的更改,此举的目的是为了提高界面美观和用户体验度。

DIV+CSS切图/排版

当设计工作完成后,要开始做切图,如果网站只是PC站,切图只要做一套样式,如果是响应式网站开发,切图就需要做三套样式,分别为PC端、平板、手机端。响应式网站会根据不同分辨率和屏幕大小自动适应,以达到更好的体验效果,但是在这里我需要补充一句,不是所有的网站都适合做成响应式,因站而异。

网站程序开发

切图完成后,就进入程序开发阶段,程序开发就是做后台管理,让网站后期能有一个管理后台来更新前端的资料内容,目前开发网站的开发语言比较流行的有两种:一是PHP语言,二是net语言。

网站BUG测试与资料填充

程序开发出来后,交给专职客服来测试Bug,边填充资料边测试页面效果,刚开发出来的网站都会存在Bug漏洞,因为是纯手工制作的项目,靠键盘一个一个字母敲出来的代码,有Bug实属正常现象,所以就需要客服进行测试,测试出来的问题点整理文档形式交给程序员进行修复。

你可以找家专门的网站建设公司,他们会为你提供全面的服务,像我们公司,每一步都有专人负责,为客户提供最好的服务。

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » HTML问题:为什么img标签对中margin和padding设置效果会完全一样?还有段落P标签也是此效果?请具体解释

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情