前言:雖然做了幾個前端專案,但是屬於專案組的趕鴨上架。我的前端基礎還是非常薄弱,在網上找了一些**,用於空閒時間學習。在此做下學習筆記,以做複習使用。
**的課程講的很好,很適合像我這樣零基礎的人學習,非常感謝**的維護者,推薦下:綠葉學習網
1.控制字型的有,font-family(字型型別)、font-size(字型大小)、color(字型顏色)、font-weight(字型粗細)、font-style(字型斜體):
我是宋體
我是雅黑
24px就這麼大
我是紅色
400粗
斜了,斜了
展示效果:
2.css段落屬性包含:
---text-indent,縮排文字首行
---text-decoration,下劃線、刪除線、頂劃線
---text-transform,轉換文字的大小寫
---line-height,控制行高
---text-align,控制文字水平方向的對齊方式
css段落屬性包含:
text-indent,縮排文字首行;
text-decoration,控制字型
下劃線、
刪除線、
頂劃線;
text-transform,轉換英文的大(uppercase)小(lowercase)寫;
line-height,控制行高以及控制文字水平方向的text-align。
小黑靠左
小炮居中
一姐靠右
效果展示:
3.border,控制邊框。一般使用簡潔寫法:
效果展示:
前端基礎(4) css盒模型
盒模型是css布局的基石,它規定了網頁元素如何顯示以及元素間相互關係。css定義所有的元素都可以擁有像盒子一樣的外形和平面空間,即都包含邊框 邊界 補白 內容區,這就是盒模型。說明 填充 padding,在設定頁面中乙個元素內容到元素的邊緣 邊框 之間的距離。也稱補白。用法 1 用來調整內容在容器中...
前端基礎(4) CSS 基礎語法(1)
日期 2017 10 26 通過使用 css 我們可以大大提公升網頁開發的工作效率!html 標籤原本被設計為用於定義文件內容,如下例項 這是乙個段落。樣式表定義如何顯示 html 元素,就像 html 3.2 的字型標籤和顏色屬性所起的作用那樣。樣式通常儲存在外部的 css 檔案中。通過僅僅編輯乙...
web前端學習 基礎知識4 CSS基礎概念
cascading style sheet層疊樣式表標籤 之類的標籤 使用方式 直接輸入標籤名 類 class class名字 使用方式 輸入點 class名 id id名 使用方式 輸入 id名一般來說我們寫css檔案的時候用的都是第二種方法,class名這是因為id名一般被用作js的選擇器 給c...