當前位置：首頁 > 前端技术 > CSS >内容正文

CSS

【CSS练习】常用的CSS字段

發布時間：2025/3/21 CSS 34 豆豆

生活随笔收集整理的這篇文章主要介紹了【CSS练习】常用的CSS字段小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

常用的CSS字段

CSS 的全稱是 Cascading Style Sheet（層疊樣式表），它主要用來控制網頁的樣式。
注意，CSS 的選擇器區分大小寫，因此要謹慎使用大寫。
CSS 早已被所有主流瀏覽器采用，它允許你輕松控制以下樣式：

顏色 color
背景 background
字體 font
位置 position
顯示 display
邊框 border
內邊距 padding
外邊距 margin
行高 line-height
裝飾 text-decoration
過渡 transtion
變化 transform
動畫 animation

注：要是覺得文章寫得不錯，記得留個贊哦！

使用 CSS 樣式主要有三種方式：

內聯樣式–你可以直接在 HTML 元素里使用style屬性。

內部樣式–你可以在style標簽里面聲明樣式規則。

<head><meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>CSS練習</title><style>/* 默認情況下 */a:link {color:yellow;}/* 點擊之后 */a:visited {color:red;}/* 鼠標放上去時 */a:hover {color: green;}/* 點擊事件發生時 */a:active {color: black;}/* 獲取焦點時 */input:focus {background: blueviolet;/* 清除點擊后獲取的邊框 */outline: none;}</style> </head>

外部樣式–你可以創建一個.css文件，然后在文件中編寫樣式規則，最后在文檔中引用該文件。

<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS練習</title><link rel="stylesheet" href="3.css"> </head>

總結

以上是生活随笔為你收集整理的【CSS练习】常用的CSS字段的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： TypeScript学习笔记3：运算符
下一篇： CSS 基本样式