學習前端第三天後對css的新的認識

2021-10-06 19:21:55 字數 756 閱讀 2735

前言:本想著css會很好學,最後發現跟想的是不一樣的!

程式技術有很多,有難的就相對的會有比較容易學的,比如html,特別簡單,一分鐘就可以入門,但若想要豐富地搭建頁面就需要css出手,css的學習方式就變得有待研究了。開始的開始,帶著輕蔑的態度看著css的基礎內容,什麼選擇器啊、什麼樣式的引入和級別啊、什麼文字、什麼字型、什麼**啊,so easy!作為高手的我就應該很快速的略過,就在我洋樣得意時,問題就出現了,我是這麼思考css的框模型的:body標籤下面放乙個有著200長寬的div,我給其設定乙個10px的外邊距,它就距離上下左右都是10px的位置待著了,我在在其裡面放乙個長寬都是100的div,然後設定乙個15px的外邊距,我的理解不就是在大的div中上下左右15px麼,經過實踐後不對,它跟外面的大的div的外邊距重合了,當時就想不通,這個不按照常理出牌啊,正常的話不應該啊,就此我想了許久。

後來看到有乙個這樣的對這個合理性的乙個想法:外邊距顧名思義,外面的邊距,是乙個絕對的邊距,我們那種思維是相對於父級的邊距,那個真正意義上說不是外邊距,叫相對邊距更為合理,這不就正類似於我們後端常說的絕對路徑和相對路徑麼?這是其一,還有就是考慮整個頁面的合理性,浮動到最後是不是就會亂了套了,你都有這個了,我浮動和你到底誰的等級高,有你的話,我浮動怎麼起作用呢?還有就是定位的position,有乙個就是相對定位,你這個不就是相對定位了,而且是『父相子絕』,有了你,我定位不也亂了。由此可以得出結論:外邊距的是絕對定位,絕對的『根路徑』就是body標籤了,之所以有重合的現象,是因為文字的預設外邊距必須是單個,不重合的話就多了乙個邊距,不合理,這就是我的理解。

前端學習之CSS第三天

前端學習之css3第三天 一 css的三大特性 層疊性 繼承性 優先性 1.層疊性 相同的選擇器設定相同的樣式,裡面的值是不一樣的。原則 就近原則,那個樣式離著body近就用那個裡面的值。主要是解決樣式衝突的問題。2.繼承性 子標籤會繼承父標籤的某些樣式,如文字顏色 字型屬性等。如 行高的繼承 如果...

前端學習之CSS第三天

前端學習之css第三天 一 圓角邊框 border radius圓形 正方形的盒子是圓形,長方形的盒子是橢圓 boder radius 50 圓角矩形 高度或者是寬度的一半 border radius 高或寬的一半設定不同的圓角 border radius 10px 20px 30px 40px 左...

學習前端的第三天

一 1.的作用 顯示屬性 table,行 tr,列 td 2.中的屬性 width 寬度 height 高度 border 邊框 bordercolor 邊框顏色 cellspacing 相鄰單元格邊框間的間距 cellpadding 內容距邊框之間的間距 align center left rig...