HTML | Knightby's blog

‘HTML’ 分类的存档

学了这些，你就算入门DIV+CSS了

日期：2009.07.26 | 分类：HTML | 评论数：0

1，文字控制类

font-size:12px; 文字大小，通常为12px。现在又流行14px。大小自己控制。

color:#666; 颜色控制，颜色自己下个取色板吧。16进制
line-height:2em; 行高，em为字符，支持px 百分比等等多种单位
text-align:center; 文字居中，居左不要，居右为right
font-weight:bold; 文字加粗
text-indent:2em; 每段缩进，两个字符，常用

用以上CSS便可基本供职90%的问题了，其他的慢慢自己研究。

2，布局类

margin:10px 10px 10px 50px ; 外补丁，为上右下左。除0外，必须为单位，单位可以是px cm 等等。常用px
padding10px 10px 10px 50px 内补丁，设置同外补丁
float:left; 浮动，常用属性。多试试
width:51px; 宽度
height:89px; 高度
overflow:hidden; 清除立体浮动（针对火狐等浏览器），溢出隐藏
clear:both; 清除平面浮动
border:1px solid #77543b; 设置边框为1，实线，颜色，16进制

每个CSS前必写以下这段代码

*{ padding:0; margin:0;} 如未指定，则内补丁和外补丁均为0，可解决90%的火狐不兼容问题代码。
body{font-size:12px; background:#AC956C;} 设置内容默认字体大小等，不建议在此控制行高。

a:link,a:visited,a:active{ color:#333; text-decoration:none; font-size:12px;}
a:hover{ color:#666; text-decoration:underline;font-size:12px;} 默认链接属性。

li{ list-style:none;} li去掉前面的点。

列表

#tuijian {}
#tuijian ul { margin-left:60px;}
#tuijian ul li{ line-height:1.5em;color:#EEE4C1}
#tuijian ul li a{ color:#EEE4C1}

列表控制比较难学，其实也简单，不建议给li使用外左补丁控制间距，建议使用LI宽度控制。ul一般留空即可，如要定位另说，如果需要列表为一行，常用于导航处，将li设置一个左浮动即可。

掌握以上的CSS内容，你就基本入门了。
HTML基本语法 – 页面(PAGE)标记(TAGS)

日期：2009.03.22 | 分类：HTML | 评论数：0

HTML 文件结构(Document Structures)

<html>…</html>
<head>…</head>
<body>…</body>
```
<HTML>
<HEAD>
     <title>, <base>, <link>, <isindex>, <meta>
</HEAD>
<BODY>
    HTML 文件的正文写在这里... ...
</BODY>
</HTML>
```
语言字符集(Charsets)的信息

<meta http-equiv=”Content-Type” content=”text/html;charset=#”>

继续阅读全文 »

Twitter

要回去上晚自习了，再见各位！ 3 days ago
博客更新: 实行的悲哀 http://www.knightby.net/the-implementation-of-the-tragedy.html 3 days ago
谁熟悉vs2008环境下的C++？我很郁闷，求帮助！ 3 days ago
RT @rtmeme RT @juying RT @ifanr: “生活中的每一件事都有许多维度，但你必须由好奇心、兴趣、激情所驱动，才能穿越不确定性、跨越障碍。真正的成功来自于你的信念，取决于你想成为一个怎样有价值的人。” Jim balsillie 4 days ago
从零开始，学习C++ 4 days ago
More updates...

学了这些，你就算入门DIV+CSS了

HTML基本语法 – 页面(PAGE)标记(TAGS)

HTML 文件结构(Document Structures)

<html>…</html>
<head>…</head>
<body>…</body>

语言字符集(Charsets)的信息

<meta http-equiv=”Content-Type” content=”text/html;charset=#”>

Tag Cloud…

Twitter

最近文章

最近评论

我们都是90后

链接

分类

Statistics

学了这些，你就算入门DIV+CSS了

HTML基本语法 – 页面(PAGE)标记(TAGS)

HTML 文件结构(Document Structures)

<html>…</html> <head>…</head> <body>…</body>

语言字符集(Charsets)的信息

<meta http-equiv=”Content-Type” content=”text/html;charset=#”>

Tag Cloud…

Twitter

最近文章

最近评论

我们都是90后

链接

分类

Statistics

<html>…</html>
<head>…</head>
<body>…</body>