精通CSS+DIV网页样式布局(一)

1.1 CSS的概念

用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

1.2 使用CSS控制页面

(1)行内样式

利用style属性将CSS代码嵌入到html标记中,大体结构与html没有明显区别。


<span style="font-family: Arial, Helvetica, sans-serif;">页面标题</span><span style="font-family: Arial, Helvetica, sans-serif;">


正文内容

 
  

(2)内嵌式

在head标记中采用style标记将css代码进行嵌套



页面标题



正文内容



 
  (3)链接式 
  

采用link语句放在head标记中,将外部的css文件导入,利于后期维护



页面标题



正文内容

 
  
 
  

1.css 如下:

p{
color:#000000;
font-style:italic;
font-size:25px;
font-weight:bold;
text-decoration:underline;
}
4)导入式

采用style标记嵌套在head标记中,再用impor语句将外部css文件导入



页面标题



正文内容





你可能感兴趣的:(CSS,DIV,网页,样式,布局)