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