解決一些基礎的html編寫問題

2021-08-08 07:45:49 字數 1113 閱讀 5182

前言:今天是我第一次寫部落格,為什麼開始寫呢?這幾天正好在複習html的知識,班上的同學在一起做專案,因為基礎掌握的不牢靠,在開發的過程中我們遇到了很多很基礎的問題,我想把這些基礎的問題記錄下來。讓自己不要再犯,同時希望我的問題解決方案能夠對其他web前端的初學者有所幫助!

我們編寫的是靜態網頁,所做的就是搭好框架然後一步一步的按照ps好的模板來寫內容,基本的框架就不說了"div+css"這是最基本,我時不時也會經常練習框架的合理搭配!

在搭建完框架後寫內容時會出現這些問題:

1:div盒子浮動問題

在將兩個div盒子放到一行時(關鍵**:display: inline-block)往其中新增文字時,一般是左邊的div會下沉,為什麼會這樣?是因為浮動的原因,具體的就不多講!

解決方法(清除浮動!):設定div屬性overflow:hidde;或者在這兩個div外用乙個大div套起來,然後在大div裡設定clear:bothl;即可

2:路徑問題:

a:檔案利用路徑問題:

css背景利用時的路徑問題,在開發的時候我們會將很多的素材和樣式表分別用images和css資料夾統一裝起來以便管理,所以這裡會涉及到怎麼把路徑寫對的問題。

如果你是在html介面利用的話,路徑為:

如果你是在css介面利用background-images來利用的話就得考慮資料夾的層級問題。你現在是在css裡面寫,所以你要利用你就得先回到上一級資料夾找到images資料夾然後再去寫的具體路徑,background-images:url(../存放檔名/名.jpg);這樣就可以正常顯示,如若不能檢查自己字尾名是否有誤!

b:修改後期**是的路徑問題,我自己遇到問題時,會先去網頁f12開啟開發者模式,一層一層的找錯誤的地方在**,然後找他id標籤後者父標籤或者偽類標籤,最後修改樣式表達到預期效果!這樣按照編寫的路徑來分析自己的**,修改起來的話會省很多時間!

3:ul-li dl-dt-dd的使用

ul-li的使用大多用在很多重複的或者大量的無須文字的排序,這時候就可以利用ul-li了。ul是無序標籤所以覺得其預設的實心圈影響美觀的話可以使用其list-style-type:none;即可。

dl-dt-dd則大多用在**混排,就是和文字在一起的時候,比如左邊是,右邊是文字,上面是,下面是文字的時候就可以利用dl了。

運動基礎的一些問題及解決

一 緩衝運動 逐漸變慢 越接近終點,速度越慢 速度 目標值 當前值 縮放係數 ispeed itarget odiv.offsetleft 8 1.存在bug,速度為小數時,小數部分會被捨掉,解決 ispeed ispeed 0?math.ceil ispeed math.floor ispeed ...

html中一些居中的問題

居中的問題 一 不定寬的文字和等內聯元素居中 定義它的父元素 text align center 二 定寬塊狀元素居中 定義它的margin 0 auto 使它的margin left,margin right為auto 三 不定寬的塊狀元素 1.加入 table 標籤 在想居中的塊狀元素外面加入t...

pl sql程式編寫中遇到的一些問題及解決辦法

1 在 pl sql中,orderby子句中的條件可以使用變數!declare v orderbystrvarchar2 30 v useridvarchar2 30 v usernamevarchar2 30 v gendernumber v rownumnumber typetcurisrefc...