、

...

、

、
、

、、

、

、

常用的内联元素有：

、、
、、、、、、、、

常用的内联块状元素有：

、

►怎样样行内元素居中？

只需要把行内元素包裹在一个属性display为block的父层元素中，并且把父层元素添加如下属性即可：

text-align: center

适用元素：文字，链接，及其其它inline或者inline-*类型元素（inline-block，inline-table，inline-flex）

►怎样让块级元素居中？

**利用margin**margin左右边距为 auto

CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？

这个可以让元素浮动到浏览器窗口外就行

float:left;

left:-100%;

►float和position有什么区别？position的属性有哪些分别怎么使用？

只有position是定位，float不能说是定位。

float和position这两者并没有孰好孰不好的问题，两者按需使用，各得所需的效果。

float从字面上的意思就是浮动，这种在印刷排版之类中可能解释的更加贴切。float能让元素从文档流中抽出，它并不占文档流的空间，典型的就是图文混排中文字环绕图片的效果了。并且float这也是目前使用最多的网页布局方式。不过需要注意的是清除浮动是可能需要注意的地方。

而position顾名思义就是定位。以下这几种属性：static(默认)，relative(相对定位)，absolute(绝对定位)和fixed(固定定位)。

其中static和relative会占据文档流空间，他们并不是脱离文档的。

absolute和fixed是脱离文档流的，不会占据文档流空间。

比较可以发现，float和position最大的区别其实是是否占据文档流空间的问题。

虽然position有absolute和fixed这两个同样不会占据文档流的属性，但是这两个并不适合被用来给整个网页做布局。为什么？因为这样你就得为页面上的每一个元素设置一个xy坐标来定位。float布局就显得灵活多了。但是一些特殊的地方搭配relative和absolute布局可以实现更好的效果。因为absolute是基于父级元素的定位，当父级元素是relative的时候，absolute的元素就会是基于它的定位了。比如你可以让一个按钮始终显示在一个元素的右下角。如果说到性能问题reflow问题，将元素的position设置为absolute和fixed可以使元素从DOM树结构中脱离出来独立的存在，而浏览器在需要渲染时只需要渲染该元素以及位于该元素下方的元素，从而在某种程度上缩短浏览器渲染时间。所以如果是制作js动画等，用absolute或者fixed定位会更好。说得不好的地方请大家补充。总结一句就是不推荐用position来布局整个页面的大框架，而推荐用float或者文档流的默认方式。

实现如下图的效果
►灰色元素水平垂直居中，有两个四分之一圆位于其左上角和右下角。

提示：圆角左上角 border-radius: 0 0 50px 0;