寫頁面注意的問題

2021-08-21 16:36:29 字數 1319 閱讀 1869

1.先觀察 那些結構是一樣的,  一樣的統一用class細節 決定一切  ** 千萬注意 id用法, 寧願多建立類, css,  不要看2個塊內容外表差不多就複製 貼上完事, 要考慮內部內容是否一樣js控制的時候  會出現什麼情況 等等 

2.見表單就label  繫結

3.標籤語義化(很重要)

4.整個頁面在寫之前首先應該先把大的框架搭出來,在去寫裡面小的細節。保證大的框架沒有問題,裡面有問題,大不了刪了重寫。(給大的框架加上background測試是最直**到大框架是否正確的方式)

5.相容性問題,平時有時間一定要多了解各種瀏覽器的hack,及解決方法。

6.只有元素屬於inline或是inline-block ,vertical-align屬性才會起作用。 對齊方式

7.沒有意義的弄成背景圖,在設定個padding-left,不包括logo

8.字型圖示

9.給行屬性標籤設定寬高的時候切記要設定display:inline-block(內聯塊)

10.一般情況下設定行高不用再設定高了

11.border

12.記住margin的一些特點:

一 :  當父級不設定邊框時,子元素的margin會傳遞的父級  解決方案:給父級設定overflow:hidden

二:相鄰兩個元素都有margin時,上下元素之間的margin取最大值,左右margin之間相加

13.背景的平鋪是從padding開始的

14.一行文字後三個點

overflow:hidden; //超出的文字隱藏

text-overflow:ellipsis; //溢位用省略號顯示

white-space:nowrap; //溢位不換行

15.兩行文字後三個點

overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; //將物件作為彈性伸縮盒子模型顯示。

-webkit-box-orient:vertical; //從上到下垂直排列子元素(設定伸縮盒子的子元素排列方式)

-webkit-line-clamp:2; //這個屬性不是css的規範屬性,需要組合上面兩個屬性,表示顯示的行數。

17.關於,文字居中

居中要在本身上設定margin: 0 auto;

文字居中要在其父元素上設定text-align: center

18.字型垂直居中

1.display:flex;align-items: center;

2.display: flex;flex-direction: column;justify-content: center;文字

寫dll應該注意的問題

delphi和c 資料型別對照表 delphi 字長 值域 c shortint 8位有符號整型 signed char smallint 16位有符號整型 short longint 32位有符號整型 int byte 8位無符號整型 unsigned char word 16位無符號整型 uns...

寫前端頁面遇到的問題

在div中放了乙個和一段文字時 發現無論怎麼調節img的屬性,和文字都不能具有相同的高度。此時設定img的屬性float浮動即可,可以通過修改margin來改變邊距。修改div的padding屬性是會改變div的原有大小。給他乙個box sizing border box 就不會改變大小了 如果在父...

寫爬蟲程式應注意的問題

我們知道,網路爬蟲是一種按照一定的規則,自動地抓取 資訊的程式或者指令碼。那麼,我們怎麼通過網路爬蟲獲取所需要的 資訊呢?不同的 有不同的規則,爬蟲工程師根據這些規則設計不同的網路爬蟲,以此來順利獲取所需要的資訊。一 開放api的 乙個網如果開放了api,那麼就可以直接get到它的json資料。有三...