php小项目小结
Posted Joker
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 鼠标指向小手 感觉必要性不是特别的大 超链接指向都是小手,嗯,也有部分用得到的,必要性不是特比的大
暂时到这儿,先去吃饭
民以食为天
以上是关于php小项目小结的主要内容,如果未能解决你的问题,请参考以下文章