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教程