HTML CSS實戰訓練(仿新浪網頁)

2021-10-22 03:05:27 字數 611 閱讀 7452

學了兩天的html/css了,這是第一次參與實戰做網頁,發現將零碎知識點串在一起很重要,要不然還是不知道怎麼寫,而且深刻感受到了前端的不易,雖然前端邏輯簡單,但實際上手卻有很多疑問和考慮的點,不過幸好通過不斷的嘗試做出來了。在用css選擇器時,一定要注意是塊級元素還是行內元素,它們之間的特點,margin和padding是對哪個標籤使用的,float使用完畢對齊後,要在div標籤中加入,這樣其他邊框才不會改變。另外,對於行內元素來說,是不能直接控制它的寬度和高度的,可以轉換為塊級元素再使用。

選擇器可以分為id選擇器,類選擇器,標籤選擇器,*選擇器和後代選擇器等等,最常用的就是後代選擇器,因為在不同div中會存在相同的無序列表或有序列表,而行都是用li來表示,如果用id或類選擇器還要重新命名,而用子代選擇器就直接按標籤順序寫就行了,方便易讀易修改。

未來可期,繼續加油!

en|中文

獲取新浪網的鏈結資訊

sgmllib.py 包含乙個重要的類 sgmlparser。sgmlparser 將 html 分解成有用的片段,比如開始標記和結束標記。一旦它成功地分解出某個資料為乙個有用的片段,它會根據 所發現的資料,呼叫乙個自身內部的方法。為了使用這個分析器,您需要子類化 sgml parser類,並且覆蓋...

新浪網 sina 新聞鏈結爬取

一 新聞爬蟲需求分析 二 實現思路 三 專案 實現 1.首先解析網頁,檢視各條新聞儲存位置 2.通過正規表示式獲取新聞鏈結,依次爬取各新聞並儲存到本地 正規表示式,寫出每條新聞對應的鏈結 coding utf 8 import urllib.request import re data urllib...

python爬蟲之新浪網(簡潔版)

爬蟲 python 注釋挺詳細了,直接上全部 歡迎各位大佬批評指正。from selenium import webdriver from selenium.webdriver.chrome.options import options from selenium.webdriver.common....