img错误样式css，image css

css中img对象的margin属性,为何表现如此异常

1、css有时MARGIN 不起作用是设置错误造成的，解决方法为：新建一个HTML文件，命名为test.html。为了测试出明显的效果，在test.html使用div定义了一个带边框的模块，里面放一个p标签。

2、那是因为你的那个p元素前面的ul元素是float元素，所以p的margin-top实际上会是以ul前面的元素（如果存在，否则就会跟父元素的css属性来定位）的来定位。

3、这种情况可能有三个原因： 网页本身的问题，目前许多网站都是用的免费共享型模板，一般这样的模板都存在不通用，原模板的所有js(javascript)脚本可能又没有被完全用到。加之设计者的水平或是疏忽等问题。

4、或者 你在#box外 #box1 以内随便写点文字，也可以让margin见效。或者如楼上所说，你可以给#box1 加上 padding-top：20px； 也可以。

相关问答

Q1: css中img默认样式问题

{margin：0；padding：0}是对所有元素做一次通配操作，是为了避免因为不同浏览器样式的默认值而产生差异。但是，有时候你需要一些默认值的话，你就要重新定义了。这样的话，就会有点麻烦。

有些浏览器如IE，对img默认是给它加个蓝色外边框，这样看起来会很难看。这个不只是img，CSS的其他元素都应该首先归零，然后再根据需要自定义，这是一个好习惯，也是前端设计的基本需要。

有时候在写CSS的过程中，某些限制总是不起作用，这就涉及了CSS样式覆盖的问题。

Q2: 我在Dreamweaver里给图片添加的CSS样式img,怎么虚线跑了啊?

直接用插入图片命令，即可，在菜单栏可以插入。用img标签，img src=你的图片路径 /，这种方法和上面那种实际实际上是一样的，只是操作方法不同。

老手只用代码模式。因为对于隐藏元素和浮动元素，DW的设计模式根本不显示。而稍微好看点的必然会用到浮动和隐藏。以后你写一段想看效果，直接用浏览器，而且是多个不同的浏览器。电脑上不能装多个ie请使用ietester软件。

画虚线的图，然后插入网页中。缺点是这个虚线不能随意变动大小，因为拉伸图片会产生失真。编程 。缺点，不能改变方向。

div style=border-bottom：dashed #FF0000；你的文字内容/div 用css样式来实现。border是边框的意思，border—bottom是下边框，dashed是虚线的意思，#ff0000是你要先虚线的颜色。标签中间就是你自己的文字内容了。

你会网站就很简单了，不会的话那讲你也不懂，因为这个前提是要会DIV+CSS或者TABLE+CSS。

Q3: 修改CSS样式无效是为什么?

div 标签未关闭 这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时，总会大吃一惊。开启的div标签是最普遍的版块设计失误之一，也是最难诊断的失误之一。

选择器路径有误 出现很多这种状况，怕路径出错，就复制路径，一不小心就复制多了一个选择器，所以出现css不生效的原因。复制的问题小心，切记。

样式无效：可能是引入路径不正确 样式中有部分写错了 文字在底部：可以通过vertical-align来设置。

html中，有的css样式在样式表里不起作用是设置错误造成的，解决方法为：在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。将style中的全部css样式选中，然后复制或者剪切。

有可能修改了样式，打开错了网页。有可能看对了body，修改错了CSS 或许会受到JS影响，但这种情况很少很少，基本不可能哒。建议楼主价格border来固定一下大概位置在哪？然后再做修改。

关于img错误样式css和image css的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。