最近一直斷更,並不是出於什么問題,而是想找個合適的機會去整理下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