Web前端學習CSS第一天

2021-09-12 23:54:18 字數 1229 閱讀 4909

亂碼的問題的根源**於儲存的時候和解析的時候的編碼方式不一致

國標中文 包含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 剛...