亂碼的問題的根源**於儲存的時候和解析的時候的編碼方式不一致
國標中文 包含big5
全球通用 包含中文及其其他所有國家的語言編碼
也支援中國漢字,生僻字,繁體字支援的少
css全稱為(cascading style sheets)翻譯過來就是層疊樣式表
主要作用就是設定網頁的文字(大小,顏色,字型,對齊等等)和板式布局等等。通俗來說就是給頁面化妝
選擇器
注意:符號必須是英文狀態下的
font-size 取值:font-size: 12px; 注意:在css大多數數值都需要新增單位
font-weight 取值:normal(預設)、bold、 100 - 900 【字型大小:100 400(正常) 一般都是700】
font-style 取值:normal(預設) 顯示標準的字型樣式
font-family 取值: 宋體、微軟雅黑、黑體…等等
不推薦使用一些冷門字型,因為一些冷門字型很多電腦裡面預設沒有安裝,這個時候就會顯示不出來。
所以實際工作中,預設都是一些主流字型 如宋體 微軟雅黑 等。。。
字型可以寫多組,中間用逗號隔開
字型名稱中如果有空格 # $ 這種特殊字元的時候需要新增上引號 中文字型也需要新增引號
font: font-style font-weight font-size/line-height font-family;
不建議修改順序 並且不需要設定的屬性可以不寫 但是font-size和font-family必須指定,否則將不起作用
除錯**,檢測**
f12 或者在頁面上直接右鍵選擇 「檢查」
elements 面板
style 面板
選擇器就是 html 標籤的某個特有屬性
text-align:值; 取值:left right center
該屬性控制的是標籤 「內部的文字」 水平居中
text-decoration:值;
取值:underline 下劃線
line-through 刪除線
none 去掉多餘的樣式
行高控制的是文字與文字之間的上下距離 (行距)
line-height:值;
值的取值是畫素和倍數
**小技巧**:如果將標籤的高度和行高設定成一樣,那麼這個標籤裡面的文字可以在這個標籤裡面垂直居中
兩者結合使用可以讓單行文字在標籤內部水平垂直居中
web前端第一天
什麼是html 根據w3c定義,html全稱hypertext markup language 用於定義文件的內容結構 中文全稱 超文字標記語言 2.什麼是css css英文全稱 cascading style sheets 頁面表現的基礎,可以控制布局,控制元素的渲染 用於定義html文件的樣式 ...
web前端學習之路 第一天
本人做了幾年的android開發,最近接手的專案裡面,大多數介面都是載入的網頁,為了能夠更好的接手專案,同時也讓自己能夠多學一些,所以準備自學一些web前端的知識。因為自己也不算新手了,所以在ide的選擇上,我還是準備用比較成熟的,這裡我選擇的是vscode,如果是小白的話,建議用記事本或者其他編輯...
前端學習第一天
從昨天開始,才是開始切圖做頁面,目前處於很初級的階段,很多東西都是在試探之中,不過感覺自己對這個東西還是挺感興趣的,也有這個信心把這個做好。所以,趁現在空閒時間還比較多,好好的學習一門技術,不管將來有沒有別的出路,有一門技術總是好的,加油!明天繼續努力。今天弄清楚了昨天做頁面時遇到的幾個問題 1 剛...