1、直接在html标签元素内嵌入css样式,如
<div style="font-size:14pxcolor:#FF0000">2、在html头部head部分内style声明插入代码如下:
<style type="text/css"><!--
.ceshi {font-size:14px color:#FF0000}
-->
</style>
3、在html头部head部分内使用@import引用外部CSS文件方法
<style type="text/css"><!--
@import url(wcss.css)
-->
</style>
Wcss.css文件内代码.ceshi {font-size:14pxcolor:#FF0000}
4、在html头部head部分内使用link来调用外部的css文件
在head放置<linkrel="stylesheet" href="wcss.css" type="text/css"/>来调用外部的wcss.css文件来实现html引用css文件
<linkrel="stylesheet" href="wcss.css" type="text/css"/>打开页面,打开css设计器,添加css源,在页面中定义,切换代码界面,定义名为#box和#text的css样式。2.
点击插入Div,定义ID为text,点击确定。
3.
点击实时视图即可看到相应的效果。