布局:1、表格(大量数据表格时用) 2、DIV+CSS
样式应用原则:就近原则
样式:1、全局样式 2、局部样式(.XXX:类)
载入样式方式:1、全局样式(自动载入)
2、class="样式名称"(载入类)
3、载入样式属性:A、style="font-size:18px"
B、
style="font-size:36px">现在好吗?
html语法:
内容A 是文字的颜色
/A:link 是有连接的文字的颜色
/A:visited 已经访问的连接的颜色
/A:active 活动连接的颜色
/A:hover 鼠标经过的颜色
会移动的文字
href="#">1、我在学习
href="#">2、课堂资料
制作CSS样式 设置字体 以腾讯http://pc.qq.com/第一行字体链接设置为例(CSS 代码如下:)
@charset "utf-8";
body{margin:0px; font-family:Arial,
Helvetica, sans-serif; font-size:12px; color:#333333;
text-decoration:none; }
.zi12huil{font-family:Arial, Helvetica, sans-serif; font-size:12px;
color:#738197; text-decoration:none;}
.zi12huil a{font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#738197; text-decoration:none;}
.zi12huil a:hover{font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#738197; text-decoration:
underline;}
编码参考(QQ主页--QQ软件--第一行设置)紫色字体为插入FLASH的代码
cellpadding="0">
bgcolor="#F8F8F8">
border="0" align="center" cellpadding="0"
cellspacing="0">
class="zi12huil">
href="#">设为首页
·
href="#">腾讯研究院
·腾讯网 ·腾讯QQ ·手机QQ ·腾讯客服
bgcolor="#E6E6E6">
align="center" cellpadding="0"
cellspacing="0">
background="images/gg.jpg">
AC_FL_RunContent(
'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','356','height','181','src','swf/124','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','swf/124'
); //end AC code
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="356" height="181">
/>
/>
/>
quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash"
wmode="transparent">