1 div class ="search-box" 2 3 input class ="search-input" type ="text" placeholder ="请输入名称" 4 / div 5 !-- 底部 -- 6 div id ="mini_nav" class ="nav bt-nav" 7 div 8 ul 9 li a href ="#" span class ="ico-home" / span 10 主页 11 / a 12 / li 13 li a...

2018-06-24 00:55:24

在网页制作的过程中，为方便读者的阅读，会把网页内容限定在一个较小的方框中，并居中显示，如何实现这一功能呢？ 1）把正文放在一个div标签中，只要这个标签居中整个网页就居中了。 div id="text" /div 2）接下来要介绍一种方法：负边框，即 margin 的值为负 #text{ p...

2018-06-24 00:55:26

1 ! DOCTYPE html 2 html lang ="en" 3 head 4 meta charset ="UTF-8" 5 title div+div / title 6 style 7 /* 只选择 li 下的div的相邻兄弟节点 */ 8 li div+div { 9 background-color : red ; 10 } 11 12 /* 选择div 下的 所有p标签 */ 13 div~p { 14 background-colo...

2018-06-24 00:55:25

响应式设计是在不同设备下分辨率不同显示的样式就不同。 media 属性用于为不同的媒体类型规定不同的样式。根绝浏览器的宽度和高度重新渲染页面。 语法： @media mediatype and | not | only (media feature) {} 示例： link rel="stylesheet" media="screen and (max-w...

2018-06-24 00:55:22

全局安装gulp（基于node）：$ npm install --global gulp 进入项目所在的文件夹，执行npm init，填写相关参数，生成记录配置文件信息的package.json，用于以后项目移植时使用。 进入项目所在的文件夹，作为项目的开发依赖（devDependencies）再安装一次gulp：$ npm ins...

2018-06-24 00:55:20

扇形制作原理，底部一个纯色原形，里面2个相同颜色的半圆，可以是白色,内部半圆按一定角度变化，就可以产生出扇形效果 html head meta charset ="UTF-8" title 扇形绘制 / title style .shanxing { position : relative ; width : 200px ; height : 200px ; border-rad...

2018-06-24 00:55:10

...

2018-06-24 00:55:19

head head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / title大图轮播/title style type="text/css" * { margin: 0px; padding: 0px; } # container { width: 500px; height: 300px; /* border: 1px solid black; */ position: relative; ov...

2018-06-24 00:55:14

前面的话 本文将使用canvas实现粒子时钟效果 效果展示 点阵数字 digit.js是一个三维数组，包含的是0到9以及冒号(digit[10])的二维点阵。每个数字的点阵表示是7*10大小的二维数组 通过遍历数字点阵的二维数组，当该位置的值为1时，则绘制一个粒子，否则不绘制 将绘制数...

2018-06-24 00:55:12

一、页面的主体布局 ! DOCTYPE html html head meta charset ="utf-8" / title 左右淡入的企业介绍 / title link type ="text/css" rel ="stylesheet" href ="css/animate.css" / / head body div class ="company" h2 class ="company_name" 上海世茂集团企业招聘 / h...

2018-06-24 00:55:08