最近一直断更,并不是出于什么问题,而是想找个合适的机会去整理下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

php小项目小结的更多相关文章

  1. 一个WPF小项目小结

    一:缘起 老板有做PC桌面客户端的需求,做的是能耗的计算和评估,要算能耗,就有很多环节,最后对这些环节数据进行一些简单计算.我想要是做的话就用比较熟的wpf,就去聊了下,对方给了1张比较复杂的Exce ...

  2. [2017BUAA软工助教]结对项目小结

    2017BUAA结对项目小结 一.作业链接 http://www.cnblogs.com/jiel/p/7604111.html 二.评分细则 1.注意事项 按时间完成并提交--正常评分 晚交一周以内 ...

  3. 用struts2标签如何从数据库获取数据并在查询页面显示。最近做一个小项目,需要用到struts2标签从数据库查询数据,并且用迭代器iterator标签在查询页面显示,可是一开始,怎么也获取不到数据,想了许久,最后发现,是自己少定义了一个变量,也就是var变量。

    最近做一个小项目,需要用到struts2标签从数据库查询数据,并且用迭代器iterator标签在查询页面显示,可是一开始,怎么也获取不到数据,想了许久,最后发现,是自己少定义了一个变量,也就是var变 ...

  4. IOS-小项目(饿了么 网络部分 简单实现)

    在介绍小项目之前,在此说明一下此代码并非本人所写,我只是随笔的整理者. 在介绍之前先展现一下效果图. 看过效果图大家应该很熟悉了,就是饿了么的一个界面而已,值得注意的是,实现时并没有采用本地连接,而是 ...

  5. Andriod小项目——在线音乐播放器

    转载自: http://blog.csdn.net/sunkes/article/details/51189189 Andriod小项目——在线音乐播放器 Android在线音乐播放器 从大一开始就已 ...

  6. 模拟XShell的小项目

    不知道大家有没有用过XShell这款工具,这款工具通过windows可以远程操作处于开机状态的linux操作系统,也就是说把你的电脑和一台服务器连入网络,你通过输入服务器所在的IP地址建立一个会话就可 ...

  7. 小项目特供 贪吃蛇游戏(基于C语言)

    C语言写贪吃蛇本来是打算去年暑假写的,结果因为ACM集训给耽搁了,因此借寒假的两天功夫写了这个贪吃蛇小项目,顺带把C语言重温了一次. 是发表博客的前一天开始写的,一共写了三个版本,第一天写了第一版,第 ...

  8. 【PHP小项目使用MVC架构】

    小项目名称是雇员管理系统. mvc是一种项目的开发模式,中文名称为模式视图控制器,是强制程序员将数据的输入.处理.输出分开的一种开发模式. 在这个小项目中,控制器使用service作为后缀名. 项目u ...

  9. MOGRE学习笔记(3)--MOGRE小项目练习

    学习OGRE有一段时间了,领导为了检测学习效果,根据已有C++项目,弄一个类似的用c#语言编写的小项目. 配置:win7,DirectX2009,vs2010. 项目要求: 1.有Ogre窗口(尺寸1 ...

随机推荐

  1. 随手练——HDU 1237 表达式求值(输入格式典型)

    坑了老子半天,结果是 float 范围不够!!! 基本思想: 开一个符号栈,一个数字栈: 碰到数字就入栈,碰到符号就与栈顶符号进行对比,如果当前符号优先级小于栈顶符号,数字栈弹出两个数进行栈顶符号运算 ...

  2. 【react】慕课网视频学习笔记

    1.JSX:语法糖,对语言的功能并没有影响,但更方便程序员使用,增强可读性. 2.jsFiddle:前端在线调试工具 3.为什么要把this额外声明成_self变量,因为window.setTimeo ...

  3. 设计模式之Strategy模式

    策略模式属于对象的行为模式.其用意是针对一组算法,将每一个算法封装到具体的共同接口的独立类中,从而使得他们可以互相替换. 策略模式使得算法可以在不影响客户端的情况下发生变化. all in one “ ...

  4. ethereumjs/browser-builds

    https://github.com/ethereumjs/browser-builds ethereumjs - Browser Builds This repository contains br ...

  5. leetcode64. Minimum Path Sum

    这个题是从左上角到右下角的路径和最小,实际就是一道dp题. 第一种写法是只初始化(0,0)位置,第二种写法则是把第一行.第一列都初始化了.个人更喜欢第二种写法,简单一点. dp的右下角的值就为最终的值 ...

  6. 失败 - 模块“MonitorLoop”打开电源失败。

    启动虚拟机提示以下错误 失败 - 模块“MonitorLoop”打开电源失败. 磁盘空间满了

  7. SpringBoot两种读取配置文件的方式

    方式一 @Value("${custom.group}") private String customGroup; 方式二 @Autowired private Environme ...

  8. 【OC底层】OC对象本质,如 isa, super-class

    Objective-C的本质 1.我们编写的Objective-C,底层现实都是C/C++,代码生成步骤如下:   2.在OC中的所有面向对象的实现,都是基于C/C++的数据结构实现的 3.将Obje ...

  9. nodejs( koa2 )配置 browserHistory

    前言 既然能搜到并且还点进来看这篇文章, 那么肯定是知道后台为什么要配置 browserHistory, 也肯定知道为什么非要去用相对来说更麻烦的吧browserHistory, 而不用更简单点的不需 ...

  10. 网站漏洞修复案例之Discuz!3.4最新版本

    Discuz!论坛目前最新版本为3.4版本,已经好久没有更新了,我们SINE安全在对其网站安全检测的同时发现一处漏洞,该漏洞可导致论坛的后台文件可以任意的删除,导致网站瘫痪,后台无法登陆.关于该网站漏 ...