• CSS3扁平化Loading动画特效

    效果预览: http://hovertree.com/texiao/css3/42/ 代码如下: ! doctype html html head meta charset ="utf-8" title css3旋转加载效果_何问起 / title style body { background : #263238 ; background-size : cover ; margin : 0 ; padding-top : 5em ; padding-bo...

    2018-06-24 01:04:15

  • HTML入门第一天

    一. C/S架构和B/S架构 C/S: client/server 客户端服务器架构 B/S: browser/server 浏览器服务器架构 优势: C/S: 1.需要下载,安装 2.服务器和客户端都需要更新 3.开发维护成本高 B/S: 1.不需要下载,安装 2.只需要更新服务器 3.开发维护成本低 二. 浏览器访问服务器的方...

    2018-06-24 01:04:12

  • JS获取select的value和text值的简单实例

    本篇文章主要是对JS获取select的value和text值的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: select id = "cityList" select id = "selectId" option value = "0"第0个/option /select script var selectObj = document.getElementBy...

    2018-06-24 01:04:12

  • UI 性能因素考虑

    浏览器的最大并发连接数一般在4到6之间,首先了解影响加载的性能因素: (1)下载的文件太大 (2)发出的请求太多 (3)请求相应不及时 针对这些因素,一般会考虑减少请求次数: (1)对静态文件设置缓存事件 (2)页面设计尽量简洁 (3)合并文件(html,JS, css,图...

    2018-06-24 01:04:09

  • css实现3D立方体旋转特效

    先来看运行后出来的效果 它是在不停运行的一个立方体 先来看html部分的代码 div class="rect-wrap" !--舞台元素,设置perspective,让其子元素获得透视效果。-- div class="container" !-- 容器,设置transform-style: preserve-3d,让其子元素在3D空间呈现-- div clas...

    2018-06-24 01:04:09

  • css3类选择器之结合元素选择器和多类选择器

    css3类选择器之结合元素选择器和多类选择器用法: ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Title / title style .p2 { font-size : 30px ; } /* 结合元素选择器 */ p.p1 { color : rebeccapurple ; } /* 多类选择器 */ .p1.p2 { font-style :...

    2018-06-24 01:04:03

  • 重温HTML和CSS知识

    HTML之基本结构 !DOCTYPE HTML html head meta charset="UTF-8" title标题/title link href="XXX.css" rel="stylesheet" script type="text/javascript" src="XXX.js"/script /head body 正文内容 scriptJS动态脚本/script body /html [meta标签] 1.charset属性:设置...

    2018-06-24 01:04:02

  • 【Normalize.css】介绍,作用,使用方法

    介绍 Normalize.css 是一个很小的CSS文件(V5.0.0版本大小8KB),但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的 CSS reset , Normalize.css 是一种现代的、为HTML5准备的优质替代方案。 Normalize.css 项目地址 Normalize.css 在GitHub上的源...

    2018-06-24 01:03:58

  • 网页共用头部和尾部的部分方法

    同一网站的头部和尾部通常是相同的,所有网页只要共用头部和尾部就可以使网页的维护变得方便许多,只需要修改一个页面就可以使全部网页的头部和尾部改变了,在这里我尝试使用与课程相关的几种不同方法来实现: 方法一:使用js,找一个html转js的网站,然后把你头部的ht...

    2018-06-24 01:03:51

  • padding和margin——内边距和外边距

    一、padding——内边距(内填充) 1.1、padding 简写属性在一个声明中设置所有填充属性。该属性可以有1到4个值。 style div.outer { width : 400px ; height : 400px ; border : 2px solid #000 ; } div.inner { width : 200px ; height : 200px ; background-color :...

    2018-06-24 01:03:45

2