FreeCodeCamp學習筆記(1)

2021-07-28 01:14:04 字數 1564 閱讀 1678

22.size your images 改變寬度

改變寬度

23.add borders around your elements 改變邊框

如果我們想要讓乙個html元素的邊框顏色為紅色、邊框寬度為5畫素

(px)

、邊框樣式為固體

(solid)

,**如下:

class

之間用空格分開即可。例如:

24.add rounded corners with a border radius 四角圓

border-radius(邊框半徑)

25.make circular images with a border radius 圓形邊框

border-radius:

50%圓形邊框

26.link to external pages with anchor elements 建立鏈結 a

元素,並用

cat photos

作為其anchor text

(錨點文字)。

27.nest an anchor element within a paragraph 鏈結巢狀進p中

任務:把你的a元素巢狀進乙個新的

p元素(緊鄰已有的

h2元素之後),讓段落的文字為

view more cat photos

,但是其中僅

cat photos

是乙個鏈結,其餘的是普通文字。

28.make dead links using the hash symbol 固定鏈結

把你的a元素的

href

屬性的值替換為乙個

#,別名

hash(雜湊)

符號,將其變為乙個固定鏈結

29.turn an image into a link 巢狀進a元素

30.add alt text to an image for accessibility 的

alt屬性

alt屬性,也被稱為

alt text,

是當無法載入時顯示的替代文字。

alt屬性對於盲人或視覺損傷的使用者理解一幅中所描繪的內容非常重要,搜尋引擎也會搜尋

alt屬性。

簡而言之,每一張都應該有乙個alt屬性!

你可以像下面例子中一樣為img元素新增乙個

alt屬性:

31.create a bulleted unordered list無序列表

無序列表

32.create an ordered list建立有序列表

有序列表

garfield

sylvester

33.create a text fieldc建立表單

FreeCodeCamp之前端開發學習筆記1

1 有三個影響html元素布局的重要屬性 padding 內邊距 margin 外邊距 border 邊框 元素的padding控制元素內容content和元素邊框border之間的距離。元素的外邊距margin控制元素邊框border和元素實際所佔空間的距離。元素的margin控制元素的borde...

Freecodecamp學習筆記( )

46.adjust the margin of an element 47.add a negative margin to an element 48.add different padding to each side of an element調整每條 padding 有時你想要自定義元素,使...

使用 freeCodeCamp 學習前端程式設計

需要你自主去查詢資料,解決自己面對的問題。所以做專案頭大是正常的。有個朋友舉了乙個很貼切的例子,fcc裡只教你9 9,可是卻要你算出9 9。這中間是個自我學習的過程。這也就是fcc經常提到的 s.a.r.search ask read 三項基本技能。所謂search,就是要學會用google搜尋你遇...