style是什麼意思
- 不言原創
- 2019-01-08 13:46:2843862瀏覽
我們在學習前端知識的時候常常會用到一個style屬性，那麼style究竟是什麼意思呢？這篇文章我們就來跟大家介紹一下關於style的意思，以下我們來看具體內容。
c9ccee2e6ea535a969eb3f532ad9fe89 標籤用於為 HTML 文件定義樣式信息，在 style 中，您可以規定在瀏覽器中如何呈現 HTML 文件。
type屬性是必要的，定義style元素的內容。唯一可能的值是 "text/css"，style 元素位於 head 部分。
總而言之，我們可以在style標籤中寫CSS的各種內容，編寫CSS的各種樣式，我們來看具體的範例
程式碼如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.test{
height: 200px;
width: 200px;
background: skyblue;
}
</style>
</head>
<body>
<div class="test"></div>
</body>
</html>運行效果
我們在style中定義了寬度和高度都為200px的正方形且背景顏色為天藍色。
style也可以直接在標籤中使用，範例如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div style="width: 200px;height: 200px;background: lightgreen;"></div> </body> </html>
效果如下：同樣可以定義一個寬高為200px，背景色為淺綠色的正方形。
這篇文章到這裡就全部結束了，更多精彩內容大家可以追蹤php中文網！ ！ ！
以上是style是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn