css重新认识(2)

1)行内元素可以用margin-left与margin-right调整位置，但用margin-top与margin-bottom来调整位置不会有效果,只有具有block属性值后才能像块级元素般被外边距上下调整;

2)在一行中，不建议优先考虑用行内元素充当块级元素(div才应当是你的首选)，特别是在同一行中用不同的行内元素充当不同大小的块级元素(如a与span)，这样做的弊端挺多的：

1>同一行某个行内元素做位置调整时，其他行内元素位置会一起做出变化(这点我遇到时觉得真的很莫名奇妙);

2>在IE8里,行内元素的padding可能会失效（a标签的伪类hover设置padding有效),所以尽量避免设置padding值对于兼容浏览器特别是IE是很重要的，这一点在兼容屏幕分辨率时也很重要，因为在padding确定时内容部分会在受到空间挤压时首先改变大小,设置padding，无形当中占用了内容部分的伸缩空间。

3>div是浏览器公认的解决样式的主流元素，尽量用div来实现定位和做盒子，一定程度上可以避免浏览器解析的差异。

3）overflow:scroll这个属性不一定能完全显示盒子的内容，这需要盒子的高度做调整，每个浏览器的解析不一样，需要每个都照顾一下。

转载于:https://www.cnblogs.com/zhu-xingyu/p/5284572.html

css重新认识(2)相关推荐

ireport如何给static text加边框_html amp;amp; css 解决li浮动边框为2的问题
html && css 解决li浮动边框为2的问题思路问题:首先,li 浮动后,添加边框,则中间 li 的边框会形成 1+1=2 的效果,1px的边框会变成2px.(例:分页模块 ...
【css】基础学习总结
填充部分: 1.css概念 2.如何用css控制页面样式(2种方式,写在页面内,链接CSS样式文件) 3.介绍了不同的选择器(3种) 4.选择器的声明:集体,嵌套 5.css继承:父子嵌套继承 6.C ...
Conversion error:Jekyll::Converters::Scss encountered an error while converting css/main.scss
错误描述:Conversion error: Jekyll::Converters::Scss encountered an error while converting 'css/main.scss ...
CSS 选择器：BeautifulSoup4解析器
和 lxml 一样,Beautiful Soup 也是一个HTML/XML的解析器,主要的功能也是如何解析和提取 HTML/XML 数据. lxml 只会局部遍历,而Beautiful Soup 是基 ...
CSS Modules
css-loader 提供了一种叫做 CSS Modules 的方案,可以帮我们自动生成唯一的类名,不会和其他模块的命名出现冲突要使用 CSS Modules 有几个步骤,首先需要在 webpack ...
css 伪元素::after与::before的使用
CSS伪元素是用来添加一些选择器的特殊效果. 一般使用是类或者id::after , 类或者id::before ::after是在类的后面处理逻辑 ::before 是在先的前面处理逻辑它们都 ...
前端之css基础学习（更正版）
css是什么 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离. 简单的说css的引入就是为了使得HTML语言能够 ...
div css 常用技巧
div css 常用技巧 1.给图片加上alt属性: <img src="logo.gif" alt="我的公司logo,点击返回首页" /> 2 ...
CSS单位分析及CSS颜色表示法、颜色表（调色板）
CSS单位主要分析em.rem.fr这三个较难理解的单位吧,平常的px.%.cm那些就不谈了嘛. px在不同场景之下为同样的值,我们把它称作绝对单位,而em和rem受外部因素的影响下而改变,因此称作相 ...
前端之css引入方式/长度及颜色单位/常用样式
1.css三种引入方式 <!DOCTYPE html><html><head> <meta charset="UTF-8"> < ...

css重新认识(2)

css重新认识(2)相关推荐

最新文章

热门文章