• 网页播放器开发(三)--页面展示

    (二)页面展示 各位朋友大家好,我们接着上文继续开发,这一节我们主要是把上一节最后的图片素材从新组合,用web形式展现,我们用到的主要工具是:HBuilderX,这个工具我就不介绍了,上手很容易,很好用的,具体情况大家可以百度研究一下。 1.新建项目 首先启动HBuild...

    2019-01-15 07:01:29

  • 【代码笔记】Web-CSS-CSS background背景

    一,效果图。 二,代码。 ! DOCTYPE html html head meta charset ="utf-8" title CSS backgrounds / title style h1 { background-color : #6495ed ; } p { background-color : #e0ffff ; } div { background-color : #b0c4de ; } body { background-image : url('pap...

    2019-01-15 07:01:28

  • box-sizing 的作用

    box-sizing :content-box | border-box content-box: padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和,即 ( Element width = width + border + padding ) 此属性表现为标准模式下的盒模型。 border-box:...

    2019-01-15 07:01:28

  • 玩游戏 学Flex布局

    大家好,今天推荐一个学习Flex布局的网页小游戏,非常不错,是国外的牛人开发的,值得一试,重复几次,就会大概了解Flex的属性了! 地址: http://flexboxfroggy.com/#zh-cn 文章乃参考、转载其他博客所得,仅供自己学习作笔记使用!!!...

    2019-01-15 07:01:27

  • css选择器中:first-child与:first-of-type的区别

    :first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: 1 div 2 p 第一个子元素 / p 3 h1 第二个子元素 / h1 4 span 第三个子元素 / span 5 span 第四个子元素 / span 6 / div p:first-child 匹配到的是p元素,因为p...

    2019-01-15 07:01:27

  • 浅谈css中的盒模型(框模型)

    css中的盒模型是css的基础,盒模型的理解可以帮助我们进行对样式进行修改。废话不多说,进入正题: 在w3c中,CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边框、边框和外边框 ,一个盒模型如图: 其中包含了两种盒子...

    2019-01-15 07:01:26

  • WebPack引用Bootstrap 无法使用图标的结局方案

    npm i https://github.com/iconic/open-iconic.git -D 因为boostrap的css里删除了图标 分开了 我们在引入个呵呵。 下载:npm i bootstrap@4.1.3 -D 由于4.x版本icon文件分离出去所以还需要下载open-iconic: npm i https: // github.com/iconic/open-iconic.git -D(下...

    2019-01-15 07:01:25

  • Django-Oscar小记:如何使用高版本Django开发网页的SE

    在使用Google搜索Django的SEO插件时,很多插件都没有更新到Python3.x,有的插件更新到了Python的高版本,但是不适用于Django的2.x。 Django在升级到版本2.x的时候删除了很多类。 所以,在选择插件时,建议使用 django-snakeoil 1.安装: 最快捷的方法:pip install dja...

    2019-01-15 07:01:23

  • HTML基础总结

    HTML细化知识点总结 1. h1-h6 标签 都是标题标签,定义一段话的标题,h1最大,依次递减,h6最小 标题标签的作用 :让文本加粗显示 2. 段落标签:p标签 用来显示一段文本(图片),它会忽略源代码中的排版 块元素:独占一行的元素,和相邻的元素不能共享同一行,所有的块元...

    2019-01-15 07:01:22

  • 网页播放器开发系列教程(二 )--界面设计

    书接上文,我们继续开发。 1.界面设计 首先我先用PS设计出如图1的播放器界面。详细设计步骤不再表述,这是美工的主要工作,下面我主要讲解一下切图工作,这部分工作我认为还是自己动手比较合适,美工不知道我们的需求,也不知道怎么切割符合我们的要求,所以要亲自动手...

    2019-01-15 02:08:20

2