iT邦幫忙

2021 iThome 鐵人賽

DAY 14
0

雖然有插入圖片還有一些表格,但...好像還缺少了一些什麼
這時就是咱們CSS語言大顯身手的時候啦~
今天的影片內容為介紹CSS的基礎語法,以及如何在HTML文件中套用CSS樣式表

Yes

以下為重要的觀念

https://ithelp.ithome.com.tw/upload/images/20210928/20141397qmmLmtbmuQ.png

https://ithelp.ithome.com.tw/upload/images/20210928/20141397mzpfXjBzjA.png

以下為影片中有使用到的程式碼

<!doctype html>
<html lang="zh-tw">
<head>
    <meta charset="utf-8">
	<title>初次見面</title>
	<style>
	    p { color:blue; text-align:center;} /*文字藍色且置中*/
    </style>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
<!doctype html>
<html lang="zh-tw">
<head>
    <meta charset="utf-8">
	<title>初次見面</title>
	<link rel="stylesheet" href="CSS_test.css">
</head>
<body>
<p>Hello World!</p>
</body>
</html>
<!doctype html>
<html lang="zh-tw">
<head>
    <meta charset="utf-8">
	<title>初次見面</title>
	<style>
	    @import url(CSS_test.css);
	</style>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
/*請將此檔案與上面HTML檔放在同個資料夾,並取名為CSS_test.css*/
p { color:blue; text-align:center;}

如果在影片中有說得不太清楚或錯誤的地方,歡迎留言告訴我,謝謝您的指教。


上一篇
Day13 HTML三
下一篇
Day15 CSS二
系列文
文組生的Python爬蟲之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言