对于新手来说 列举一些不常用和记不住的标签和属性

        我在做网站的过程中，发现有些标签和属性很难操作，很难拼写，老是记不住，总是要百度查找，这么想着老是这样也不行，就准备专门写个博客搞搞这些不常用很难记的东西。

1.倾斜：font-style：italic(倾斜度小)/oblique（倾斜度大）/normal（取消倾斜，常规显示）;（这个玩意我就没用过）

2.首行缩进：{text-indent:value;}  （说实话，我还不如直接打两空格）

3.列表符号：list-style-type：disc(实心圆)/circle(空心圆)/square(实心方块)/none(去掉列表符号)；

list-style-image： url (所使用图片的路径及全称)；（挺好用的可以在列表前插入好看的图标）

list-style-position:outside(外边)/inside(里边)；

4.背景图的固定：background-attachment:scroll(滚动)/fixed(固定); （这个好像看上去有用哦）

5.溢出属性：overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit;
visible:默认值，内容不会被修剪，会成现在元素框之外；
hidden：内容会被修剪，并且其余内容是不可见的；
scroll：内容会被修剪，但是浏览器会显示滚动条，以便查看其余的内容;
auto：如果内容被修剪，则浏览器会显示滚动条，以便查看其他的内容;

inherit：规定应该从父元素继承overflow属性的值。（hidden和auto用的挺多的）

6. 该属性用来设置如何处理元素内的空白；white-space：normal/pre/nowrap/pre-wrap /pre-line /inherit
normal：默认值，空白会被浏览器忽略，
pre：空白会被浏览器保留，其行为方式类似HTML中的pre标签；
nowrap:文本不会换行，文本会在同一行上继续，直到遇到
标签为止；
pre-wrap：保留空白符序列，但是正常的进行换行；
pre-line:合并空白符序列，但是保留换行符；

inherit：规定应该从父元素继承White-space属性的值；(ie浏览器不支持此属性值)

7.文本溢出:text-overflow:clip/ellipsis

取值：clip：不显示省略号（...），而是简单的裁切;ellipsis：当对象内文本溢出时，显示省略标记；

说明：text-overflow属性仅是...，当文本溢出时是否显示省略标记，并不具备其它的样式属性定义，要实现溢出时产生省略号的效果还需定义：

（1）容器宽度：width：value；

（2）强制文本在一行内显示:white-space：nowrap;

（3）溢出内容为隐藏：overflow：hidden；

（4）溢出文本显示省略号：text-overflow：ellipsis;

最后补充些清楚浮动的方法：

1） 加高法：

浮动的元素，只能被有高度的盒子关住。 也就是说，如果盒子内部有浮动，这个盒子有高，那么妥妥的，浮动不会互相影响。但是，工作上，我们绝对不会给所有的盒子加高度，这是因为麻烦，并且不能适应页面的快速变化。

1              →设置height 2                  3                  4                  5           6             7              →设置height 8                  9                  10              11

 

2) clear:both;法

最简单的清除浮动的方法，就是给盒子增加clear:both；表示自己以下的所有元素，不受其他盒子的影响。

1           2                  3                  4                  5           6             7              → clear:both; 8                  9                  10              11

浮动确实被清除了，不会互相影响了。但是有一个问题，就是margin失效。两个div之间，没有任何的间隙了。

3）隔墙法：

在两部分浮动元素中间，建一个墙。隔开两部分浮动，让后面的浮动元素，不去追前面的浮动元素。

墙用自己的身体当做了间隙。

1           2                  3                  4                  5           6             7           8             9           10              11              12              13

我们发现，隔墙法好用，但是第一个div，还是没有高度。如果我们现在想让第一个div，自动的根据自己的儿子，撑出高度，我们就要想一些“小伎俩”，“奇淫技巧”。

内墙法：

1           2                  3                  4                  5                  6           7             8           9                  10              11              12

内墙法的优点就是，不仅仅能够让后部分的p不去追前部分的p了，并且能把第一个div撑出高度。这样，这个div的背景、边框就能够根据p的高度来撑开了。

 

4）overflow:hidden;

这个属性的本意，就是将所有溢出盒子的内容，隐藏掉。但是，我们发现这个东西能够用于浮动的清除。

我们知道，一个父亲，不能被自己浮动的儿子撑出高度，但是，如果这个父亲加上了overflow:hidden；那么这个父亲就能够被浮动的儿子撑出高度了。这个现象，不能解释，就是浏览器的小偏方。

并且,overflow:hidden;能够让margin生效。

以上就是我学习前端第一周的分享与体会，希望能对一些新手有点帮助