一个小白学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>
里面