前端CSS小作業練習(一)

2021-10-05 21:18:10 字數 954 閱讀 5083

**實現如下內容:

(1)包含1個網頁。(1分)

(2)網頁有標題,兩個段落。(2分)

(3)標題居中,36px,宋體。(3分)

(4)段落字型大小14px,微軟雅黑,段間距1.5倍,首行縮排兩字元。(4分)

(1)新建乙個index.html檔案

(2)標題使用標籤,使用p標籤做段落

>

第乙個網頁h1

>

>

我是第乙個段落p

>

>

我是第二個段落p

>

(3)標題居中使用text-align屬性,字型使用font-size,字型樣式font-family

style

="text-align

: center;

font-size

: 36px;

font-family

:'宋體';"

>

第乙個網頁h1

>

(4)段落字型大小14px,微軟雅黑,段間距1.5倍,首行縮排兩字元。倍數以em做單位,如果本身無font-size,則em相對父級的font-size做計算

p

結果如圖所示 >>>

前端css的練習

css初步總結 1 css的三種使用方式 在標籤中使用css 在head中使用style樣式引入 對於id,要使用 id 使用外部的檔案 對於id,要使用 id 然後再進行書寫 2 css可以做什麼用?設定背景顏色 設定字型大小 設定字型樣式 設定邊框樣式 設定寬度 高度等 3 這三種方式的優先順序...

前端學習的小筆記 CSS

一 適配多解析度的css 通過判斷當前瀏覽器尺寸載入不同的css檔案 無限定條件的css載入檔案必須放在有限定條件的載入檔案前面,不然頁面載入會先載入限定條件的css檔案。判斷解析度的css檔案需要按width或者height從大到小依次往下排,頁面載入的時候會根據順序從下往上判斷,例如 選擇條件是...

前端小技巧 一

css常用的一些設定小技巧 幾乎經常用到 一 特殊情況下position的定義 比如這個例子,背景是張,輸入框,提交按鈕 以及下邊的六個按鈕的單擊事件都是固定在之上的。圖1 圖2 設定技巧 1 背景用的是background url 鏈結的 2 將背景設定position relative 背景之上...