今天学的几个css小技巧

这两天学习html/css，以前虽然已经会使用，但是基本都不知道为什么。虽然html/css这种东西只要会用就ok，但是有一些小知识知道了用起来会更顺手。

技巧1：

写css时不管那么多，先把下面几行代码加进去，规范一下（因为各个浏览器为了向后兼容，属性默认值都不同）

body,ul,li,img,...{

margin:0px;

padding:opx;

font-size:12px;

}

 

技巧2：

要使用列表制作菜单时会遇到两个问题：

1，如何去掉列表前面那个点（列表默认样式前面有个点）

2，横排（因为列表是块级元素，默认是横排的）

使用如下代码解决：

<style type="text/css">

ul{

list-style-type:none;               <!--取消了列表样式-->

}

ul li{

float:left;                  <@--取消了块级元素横排的特性-->

}

</style>

<ul><li>选项一</li><li>选项二</li>

</ul>

技巧3：

在一个div内文本上下居中：（文本默认是在文本域内上下居中的，但是文本域有一个默认的高度，所以div高度大于文本域高度时，文字在div内就在偏上的位置）

只要使文本域与上级div的高度一致，就轻松解决此问题：

 

#XX{

height:40px;

line-height:40px;

}

 

 

头一次完全用记事本写了一个网页，欲罢不能了，有种一直想写下去的冲动，可是作业就那么点，不够娱乐啊。

 

今天上课突然有一个想法：

想花点小钱，建一个个人站点，自主开发，内容也完全由个人爱好，可以把写给自己的看的博客放上去，可以有很炫丽的开场，可以用海贼王的背景，想换什么就换什么。(初期为了达到效果，前台可以外包给别人做....)

好， 这个想法作为了一个小梦想储存下来，5月份实现（刚好学习编程一周年）....