摘要:列表與邊距探討和行塊一列表無序列表內部必須有子標簽天生自帶內外邊距也是自帶大家會發現用的時候內容前面會出現一個像這樣的一個實心圓可以用屬性去掉也可以更換空心圓實心圓正方形空有序列表內部必須有子標簽天生自帶內外邊距屬性是標簽屬性只能寫在行
1)內部必須有子標簽
大家會發現用UL的時候內容前面會出現一個像這樣的一個實心圓
可以用屬性list-style 去掉也可以更換(list-style:none;)circle空心圓 disc實心圓 square正方形 none空
?
1)內部必須有子標簽
2)天生自帶內外邊距
屬性type(是標簽屬性只能寫在行間)
有序列表改變前面的符號用type修改? 只能寫在行間不能寫在style里
有序列表的符號有 (a b c) (A B C) (1 2 3) (i ii iii) (I II III)
?
?
標題dt? ? ?內容dd
?
?
margin:200px;設置一個值 說明 top right left bottom 都是200的內邊距
margin:200px 100px;設置兩個值 說明 上下200 左右100
margin:200px 50px 100px;上是200 左右是50 下是100
margin:200px 50px 100px 50px;順時針 上200 右50 下100 左50
padding:同上
通過分析我們發現一個元素實際占用的空間是 Width+border*2+padding*2+margin*2
?
相鄰兩個元素同事設置margin時 他們之間的外邊距不會疊加 會取最大的 這種現象叫margin塌陷
?
?
?
有的標簽設置背景時會獨占一行 還有的會隨著內容的增減而改變自己的空間的大小
根據以上現象 標簽又分為 塊級標簽 和 內斂標簽(也叫行級標簽)
塊級標簽(會獨占一行 無論內容多少)塊級標簽有:p h1-h6 div ul ol dl?
行級標簽內斂(根據內容多少占空間大?。┬屑墭撕灒簊pan img i b a
1)塊級:
塊級元素會獨占一行
塊級可以設置寬高
2)內斂:
內斂不會獨占一行
內斂不可以設置寬高
內斂元素的margin上下不起作用
?
1)塊級轉行級display:inline;
給塊級元素添加屬性display:inline; display 顯示 inline 行
2)行級轉塊級display:block;
給行級元素添加屬性display:block; block塊
3)行級塊元素display:inline-block;
給需要的元素添加屬性 display:inline-block;
可以設置寬高 可以在一行 margin也可以隨便使用
?
?
?
Line-height 行高? 設置字體的垂直位置
Line-height的值和height的值相同 文本就上下居中
?
?
?
?
?
?
?
?
?
?
?
?
?
?
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1805.html
摘要:全棧工程師也可以叫前端主要是網站小程序公眾號這一塊隸書篇超文本標記語言,標記通用標記語言下的一個應用。超文本標記語言的結構包括頭部分英語和主體部分英語,其中頭部提供關于網頁的信息,主體部分提供網頁的具體內容。全棧工程師也可以叫web 前端 H5主要是網站 app 小程序 公眾號這一塊 HTML篇 html(超文本標記語言,標記通用標記語言下的一個應用。) 超文本就是指頁面內可以包含圖片、鏈接...
摘要:權重行內樣式把當做標簽來用寫在之間外部引用把當做文件來用在里加一條路徑這里的可以舍去因為后面的文件名是會默認這條標簽是和是必不可少的。嵌入式這個前期一般用不到就是一個樣式表里引入另一個的樣式表起名方式與CSS 一.起名方式(起名方式也叫選擇器) 起名的目的是為了給標簽添加屬性 常見的3種選擇器有 標簽選擇器? ?id選擇器(使用的時候加#)? ? class選擇器(使用的時候加.)? 樣式的...
摘要:背景與邊框一背景背景顏色簡寫備注以下給設置可能不起作用需要用到背景圖片簡寫背景圖片的平鋪平鋪瀏覽器默認平鋪只平鋪橫向和縱向不平鋪背景大小與位置大小大小屬性值的寫法有具體設置大小自適應位置背景位置也是坐標軸向下為正像右為背景與邊框 ? ? ?? 一、背景(backgound) 1.背景顏色:background-color:red;(簡寫:background:color;) 備注:ie9以下...
摘要:存在形影分離,所以一般情況下不建議添加值了,一般給子元素當參照位置,或者是元素的微調。實際上,這是屬性的特點。表單的內元素文本框密碼框單選框多選框普通按鈕按鈕提交按鈕提交下拉列表position定位與表單 一、position 1、Position細說 Position:relative; Left:100px; Top:100px; Position:absolute; Left:100p...
摘要:文本字體樣式與前期英語單詞匯總一文本樣式顏色文本對齊方式左對齊居中對齊右對齊兩端對齊文本修飾空上劃線下劃線刪除線文本縮進縮進二字體樣式字體大小大小字體顏色注意不要寫成字體形狀這個了解一下就行一般用不到字體字形微軟雅黑宋體楷文本、字體css樣式與前期英語單詞匯總 一、文本樣式(text) 1.顏色:color:red; 2.文本對齊方式:text-align:left/center/r...
閱讀 1684·2021-09-26 09:55
閱讀 3713·2021-09-22 15:31
閱讀 7330·2021-09-22 15:12
閱讀 2209·2021-09-22 10:02
閱讀 4625·2021-09-04 16:40
閱讀 1031·2019-08-30 15:55
閱讀 3018·2019-08-30 12:56
閱讀 1813·2019-08-30 12:44