css样式3种写法备注

时间  2019-11-11
标签 css 样式 写法 备注 栏目 CSS 繁體版
原文   原文链接

三中的使用方法的简单实例以下：css

行内样式：html

1
2
3
4
5
6
7
8
9
10
11
<!doctype html>
< html >
< head >
     < meta  charset = "UTF-8" >
     < title >css行内样式</ title >
</ head >
< body >
< div  style = "width:100px;height:100px;background:red;" ></ div >>
     
</ body >
</ html >

内嵌样式：spa

1
2
3
4
5
6
7
8
9
10
11
12
13
14
!doctype html>
< html >
< head >
     < meta  charset = "UTF-8" >
     < title >css内嵌样式</ title >
</ head >
< body >
< style  type = "text/css" >
#div{width:100px;height:100px;background:red;}
</ style >
< div  id = "div" ></ div >>
     
</ body >
</ html >

外部式：code

1
2
3
4
5
6
7
8
9
10
11
12
<!doctype html>
< html >
< head >
     < meta  charset = "UTF-8" >
     < title >css内嵌样式</ title >
     < link  rel = "stylesheet"  type = "text/css"  href = "ccss.css" >
</ head >
< body >
< div  id = "div" ></ div >>
     
</ body >
</ html >

css文件htm

1
#div{ width : 100px ; height : 100px ; background : red ;}
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程