学HTML/CSS小心得，小技巧

一个小白学HTML/CSS的一些心得

• 在设置网页的时候先把所有内容都放到html中并用div分好部分，每一个部分都起一个className/id，方便在CSS设置格式
• 居中的两个实用技巧

margin: 0 auto;
text-align:center;
/*CSS中只有:赋值，没有=*/

• 如果想确实把一段文字/图片放到父类的某一个位置，设置父类

position:relative;

子类

position:absolute;

• 想把一些元素在同一行显示，使用

float:left;
float:right;

• 实用的文字排版技巧

font-size: 15px;
text-indent: 2em;
line-height: 25px;

代码中text-indent代表每段前面空几个字的位置（一般是两个），行与行之间的间距为line-height减去font-size
* 上面设置的float可能会影响其他不相关的元素，消除影响

clear:both;

• 有关设置删除线，下划线都用text-decoration

text-decoration:underline;
text-decoration:line-through;

在a里面，文字会自动帮你设置好下划线，要删除下划线

text-decoration:none;

• 不想要ol/ul中的li有1.2.3.和 · 在文字前面,在ol/ul中设置

list-style:none;

• 以设置父元素的height和line-height一致的方法达到垂直居中的时候，子元素最好是行内元素
• 想把文字的背景设置为图片

background:url(网址);

• 如果想要鼠标移到图片上时，鼠标箭头变成手指状，且可以点进去，可以把图片放在<a></a>里面