摘要:第三天讓簡歷有點色彩這一節課是來初步了解什么是,掌握基本的概念,語法,學習如何設置一些簡單的樣式。設置文字陰影。取值較多,具體參考文本布局控制在盒子中的位置。設置字母與字母直接的間距,或者字與字直接的間距。第二步,瀏覽器顯示內容。
這一節課是來初步了解什么是CSS,掌握基本的CSS概念,語法,學習如何設置一些簡單的樣式。
好記性不如爛筆頭,開始:
字體:
font-style:設置字體傾斜。
font-weight: 設置文字的粗體大小。
text-transform :設置要轉換的字體。可以轉換成大小寫,首字母大寫。
text-decoration:? 設置下劃線,上劃線,穿越文本的線。
text-shadow:設置文字陰影。取值較多,具體參考:https://developer.mozilla.org/zh-CN/docs/Web/CSS/text-shadow
文本布局:
text-align: 控制在盒子中的位置。
line-height:控制行高。
letter-spacing/ word-spacing: 設置字母與字母直接的間距,或者字與字直接的間距。
text-overflow: 控制如何顯示溢出文字。
direciton: 控制文字方向,語法:
overflow-wrap:是用來說明當一個不能被分開的字符串太長而不能填充其包裹盒時,為防止其溢出,瀏覽器是否允許這樣的單詞中斷換行。
CSS實際上是如何工作的?
瀏覽器講HTML和css轉化為DOMtree,講文檔內容和樣式結合在一起。第二步,瀏覽器顯示DOM內容。
CSS選擇器:
非常簡單的選擇器有:? 元素選擇器(類型選擇器),類選擇器,ID選擇器,通用選擇器(*)
屬性選擇器有: 用[]組成,詳細請參考:https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Introduction_to_CSS/Attribute_selectors
組合器:
?
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/2322.html
摘要:今天是第四天,進度可以,表揚一下自己。今天的課程目標是掌握稍微復雜的一些選擇器,還有背景,邊框等一些樣式屬性。設置邊框寬度。今天是第四天,進度可以,表揚一下自己。 今天的課程目標是:掌握 CSS 稍微復雜的一些選擇器,還有背景,邊框等一些 CSS 樣式屬性。 CSS背景: 背景色:background-color:gray; 背景圖:background-image:url(www........
摘要:第五天到第六天的內容沒有記筆記,不好不好。第七天到第八天的學習目標是學習布局的各種方式。主要包含相關和相關。定位的元素應該在文檔流中的間隙不再存在絕對定位的元素不再存在于正常文檔布局流程中。內容較多,請參考學習了容器項第五天到第六天的內容沒有記筆記,不好不好。 第七天到第八天的學習目標是:學習布局的各種方式。主要包含position相關和Flexbox相關。 知識點: 1、默認情況下,塊級元...
摘要:簡介全稱中文為塊級格式化上下文。特征總之記住一句話元素特征表現原則就是內部元素無論怎么翻江倒海,都不會影響外部元素。如何觸發,常見如下的值不為的值為,或。的值不為和需掌握自適應模塊布局內容很多,具體參考1、BFC簡介 BFC全稱block formatting context,中文為塊級格式化上下文。特征總之記住一句話: BFC元素特征表現原則就是:內部元素無論怎么翻江倒海,都不會影響外部元...
摘要:邊界也會忽略百分比寬度設置。背景裁剪,值有改變盒子計算值只是不包含和只包含內容高度今天是一個跨天的任務,學習目標是:掌握CSS盒模型及Float; 盒模型要點: 如果盒子的高度被設置為百分比長度,那么盒子高度不會遵循這個設置了的百分比長度,而是總會采用盒子內容的高度,除非給它設置了一個絕對高度(例如,像素或者 em)。這比把頁面上每個盒子的高度默認設置為視口高度的 100% 更方便。 邊界...
摘要:任務目的學習與實踐的基本語法語言特性初步了解的事件是什么初步了解中的是什么任務描述如圖,模擬一個隊列,隊列的每個元素是一個數字,初始隊列為空有一個輸入框,以及個操作按鈕點擊左側入,將中輸入的數字從左側插入隊列中點擊右側入,將中輸入的數字從右 任務目的學習與實踐JavaScript的基本語法、語言特性初步了解JavaScript的事件是什么初步了解JavaScript中的DOM是什么任務...
閱讀 3069·2021-09-28 09:43
閱讀 902·2021-09-08 09:35
閱讀 1441·2019-08-30 15:56
閱讀 1183·2019-08-30 13:00
閱讀 2732·2019-08-29 18:35
閱讀 1829·2019-08-29 14:07
閱讀 3432·2019-08-29 13:13
閱讀 1333·2019-08-29 12:40