php小項目小結


最近一直斷更,並不是出於什么問題,而是想找個合適的機會去整理下html基本的一些瑣碎的知識點

近期突發感冒,吊水,吊錯葯,原因只是重名重姓,這不是個梗,很是痛苦的現實事故

so,只能用剩下的半天去完成簡單的幾個網頁

初期制作網頁,或者是模仿網頁有幾個簡單實用的小技巧

模仿的網站或者是網頁沒必要立馬開擼,那張紙,一支筆,計算器

畫好界面、層次、主次,量好尺寸,頁面分門別類歸納好

開擼

這樣的工作效率可以提高很多

拿我來講,剛開始着急上手,主頁面立馬開擼

結果,一個頁面,尺寸、層級僅僅兩個方面就整了一天,偶爾還會出現bug

后面用半天的時間去歸類、量尺寸、主次關系,層級什么的,

剩下五個頁面的排版只用了兩個小時,全都是擼代碼的時間,根本不用去想,不用考慮,都在紙上寫着,還需要考慮什么

ok,網頁的排版框架做好,剩下的就是js了,或者是jq

每個網頁的class或者是id也最好歸類,除了主頁以外,剩下的網頁大部分都是很容易歸類的,class和id歸類好之后不需要上翻查找,腦子里面邏輯、思路夠清晰就直接上手寫,不清晰的可以看一下紙上的標記,只需要一眼就可以回憶起全部

最近也是葯物中毒,記憶力不是很好,我把我遇到的只要是有一點卡殼(不能瞬間敲出的全部都算是卡殼)的代碼都記錄下來,咱們一起來回一下

下面寫的不分主次,想起什么來些什么

z-index:層級

.class:hover{}:鼠標移入出現什么效果

hidden:隱藏

fonction:方法

getelementbyid();大小寫就不區分了,自己想清楚就行:id取值

getelementsbyclassname();class取值

<a href=""></a>  超鏈接

position:absolute;絕對定位

relative 相對定位

fixed 浮動定位   這個一般常用作錨點:像是回到頂部啊、傳送到本頁面的某個位置啊       個人感覺超鏈接就像是一個錨點,只不過是跨區域傳送,有點像修仙修真的傳送陣

margin  外邊距   這個margin是把別人向外推 而不是把自己推開

padding  內邊距

top right bottom left 這些可以算作是一個div距離其padding多遠

很多情況用padding-top會比margin-top好用,只是個人感覺,這個隨意

font-weight 加粗 這個也算是比較常用的,跟strong有異曲同工之妙,視覺差別細微

font-family 字體樣式

-size 尺寸

colo 顏色

background-color 背景色

background-img 背景圖片

.class,.class{} 同樣式class多個選擇

ul 無序列表 li 列表    這個經常用  

設置了ul肯定會用到這個    .list-style{ none };  用來取消無序列表前的小圓點或者是什么圖標

p標簽  這個也是經常用的  並且是可以設置class的   可以取值

border:1px solid red;  這是邊框的粗細、樣式、顏色

background-color:rgba(0,0,0,透明度(0~1));

opacity 這個也是透明度,取值0~1

cursor:pointer   鼠標指向小手   感覺必要性不是特別的大  超鏈接指向都是小手,嗯,也有部分用得到的,必要性不是特比的大

暫時到這兒,先去吃飯

民以食為天

 

不是吃飯吃了一天多,哈哈,中途項目展示,耽擱了

關於頁面布局並不是特別困難,主要重點放在js和jq上,沒事兒就多多研究下

最基本最簡單的輪播和下拉菜單,哪怕是比着敲,哪怕是抄,也要堅持每天一到三遍,最笨的辦法了,哈哈

 

2017-11-1 17點57分 begin

自己又看了一遍,突然想到的一點有關php的小東西

記下來增加點印象

<img src="圖片地址" />  圖片插入div中   

<link rel="sheetstyle" type="text/css" href="CSS樣式表文件地址" />

<script type="text/javascript" href="js文件地址"></script>

background-image:url(圖片地址);

記下來的主要原因是這些鏈接地址的小屬性很容易混掉  有href 、 src 、url  很多時候特別容易混亂,

對,像是  <a href="www.baidu.com"></a>  標記也是用   href  , 特別是像剛剛接觸編程這一行的莘莘學子

這樣,咱們來具體的區分下,咱們只拿   div   來做解釋

src  是  引入   咱們這么看一下:圖片在地址的幫助下,引入到這個 div 中來起到某個作用,圖片會占用   div   的內部空間

href  是  引用                           :文件,文檔,網頁通過地址的引用來實現一個鏈接的作用

url    是   統一資源定位符        :這個暫時沒想到有多喝好理解的方法和語言來表達,從他的官方解釋來看,我是這么理解的:圖片資源的統一性,放在一個文件夾中,通過url來進行查詢,查詢到之后作為   div   的背景(不占用div的內部空間),div是可以來定位的,普通的relative,強制性的absolute,浮動的fixed,so。。。。。當然,這只是在div中的方便記憶的理解方式    詳細的可以百度百科          https://baike.baidu.com/item/url/110640?fr=aladdin       再具體就不做解釋了

2017-11-01 18:28:32  end

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM