- 博客(12)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 011——页面布局（盒子模型、盒子边框、内外边距、content宽度和高度、盒子模型的稳定性、CSS3盒模型、盒子阴影）
一、盒子边框△ 基本属性值border: border-width border-style border-color;这三个参数分别为：边框宽度（像素值）、边框样式、边框颜色边框样式 属性值 none 没有边框（默认值） solid 边框为单实线（最常用） dashed 边框为虚线 dotted 边框为点线 double...
2018-07-28 20:54:58
1500
原创 010——CSS的三大特性（重点）
一、层叠性我理解中的层叠式覆盖的意思。如果有相同的两个样式，只能选择一个，则遵循就近原则。① 样式冲突： 遵循就近原则。实例：<div>路飞</div>div { color: red;}div { color: pink;}效果：② 样式不冲突： 不会发生层叠。实例：div { color: red; font-...
2018-07-27 19:55:52
877
原创 009——通过文字阴影实现凹凸效果
首先效果如下：代码部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { backgroun
2018-07-27 19:09:50
336
原创 008——背景（background）
背景经常会被用到，重点。一、背景的几个属性background-color 背景颜色 background-image 背景图片地址 background-repeat 是否平铺 background-position 背景位置 background-attachment 背景固定还是滚动 其中背景位置中属性值用英文，有left、right...
2018-07-27 19:08:08
190
原创 007——CSS几项规范要求
一、空格规范 △ 选择器与 { 之间必须包含空格.orange {} △ 属性名与之后的 ： 之间不允许包含空格，而 ： 与属性值之间必须包含空格。font-size: 12px;二、选择器规范 △ 当一个并集选择器中有多个选择器，每一个选择前期必须独占一行。span,div,.content { color: red;} ...
2018-07-27 17:15:49
104
原创 canvas实现许多小球运动
首先先看一下效果： 一、canvas canvas是画布的意思，画布，就要在其上画画，画画的步骤有：① 抬起笔beginPath()；② 把原来不需要的擦干净clearRect(0,0,w,h);参数是：起初x轴坐标，起初y轴坐标，w是清除区域的看，h是清除区域的高③ 画笔蘸上自己需要的颜色fillStyle = "color";④ 构思...
2018-07-25 11:53:32
2999
原创 JS——定时器
一、定时器 有两个定时器：setInterval()、setTimeout()。 他们也有各自的取消函数: clearInterval()、clearTimeout()。参数： setInterval();有两个参数，A和时间B（单位是ms），其中A是自动刷新的那个函数。setTimeout同此。区别： setInterval每Bms会执行一次A，不断重复执行 set...
2018-07-15 13:32:23
203
原创 JS——内容提交及电子简洁日历
一、首先讲一下内容提交的方法· innerHTML在JS中是双向功能：获取对象的内容 和 向对象插入内容。 通过var D = document.getElementById('IdName'); D.innnerHTML 来获取id对象的内容； 通过D.innnerHTML='改变内容';来更改id对象里的内容。· innerHTML与innerText的区别【： innner...
2018-07-15 11:44:52
813
原创 JS——选项卡
轮番图也是用类似的效果和方法。效果展示：要做到此效果要想到几点：① 当选择当前项的时候，选择项要具备被选择的样式，同时显示当前内容。② 当选择该项的时候，要把其他项的样式去掉，即样式置为空，其他内容隐藏。代码展示：HTML代码<div class="ele"> <ul> <li class="active"><a href="#">
2018-07-14 20:48:44
8404
2
原创 JS——全选
本次所说全选效果如下：· 当全选按钮选中，其余按钮都进入选中状态· 当全选按钮取消时，其余按钮都取消选中代码如下：HTML代码<input type="checkbox" id="btn" />全选 <hr/><input type="checkbox"><input type="checkbox">&
2018-07-14 16:47:43
171
原创 JS——网页换肤
此处的网页换肤的效果通过改变link的href属性，来改变页面的CSS样式，达到还付的效果。效果如下：· 标签内设置事件，且鼠标点击事件onclick = ""代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>
2018-07-14 15:18:57
1792
3
原创 JS——鼠标移入显示和移除隐藏
例如以下效果：· 鼠标移入onmouseover· 鼠标移除onmouseout· 通过document.getElementById('text')获取当前元素，再对其进行修改display样式。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit
2018-07-14 14:43:46
18216
编程模拟多进程共享临界资源
2018-07-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人