• 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

  • 相关阅读:
    STM32学习之路-SysTick的应用(时间延迟)
    STM32M CUBE实现printf打印调试信息以及实现单字节接收
    iframe动态创建及释放内存
    第13周项目2-成绩处理
    1036. Boys vs Girls (25)
    CS0433: 类型“BasePage”同一时候存在于“c:WindowsMicrosoft.NETxxxxxxxxxxxxxxxx
    Java读取Excel转换成JSON字符串进而转换成Java对象
    Java对象与JSON互相转换jsonlib以及手动创建JSON对象与数组——(二)
    GSON中Java对象与JSON互相转换——(一)
    Java泛型方法与泛型类的使用------------(五)
  • 原文地址:https://www.cnblogs.com/TheJoker/p/7698815.html
Copyright © 2020-2023  润新知