- 博客(24)
- 收藏
- 关注
RSS订阅原创 简单明了的网站结构设计呦！
网站结构设计是网站设计的重要组成部分。首先我们要设计首页：首页主要分为四个部分：1.网页标题部分2.网页侧边栏3.博客中文章摘要组成的文章列表4.页面底部的版权信息显示部分构建网页标题输入：<!DOCTYPE html ><html> <head> <title>文章</title> ...
2019-11-28 19:17:44
805
原创 复习CSS 一
CSS基础：CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力1.CSS样式表：是一个或多个CSS样式组成的样式代码段2.导入外部样式表两种方法导入到HTML文档中：1.使用标签2.使用@himport关键字3.CSS格式化：在CSS中，各种空格是不被解析的，所有被放在“/”“/”分隔符之间的文本信息都被称为注释。...
2019-11-24 23:41:11
329
原创 JQuery事件
jQuery（是为事件处理特别设计的） ：1.jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“writeLess，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTM...
2019-11-22 11:44:00
206
原创 js面向过程与面向对象
js面向过程与面向对象的区别：1.“面向过程”是一种以过程为中心的编程思想。2.就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。3.面向过程其实就是最为实际的一种思考方式，就是算面向对象的方法也是含有面向过程的思想，可以说面向过程是一种基础的方法。它考虑的是实际的实现。一般的面向过程是从上往下步步求精，所以面向过程最为重要的是模块...
2019-11-21 21:22:28
1174
原创 JavaScript数据类型
数据类型8bit(位)=1byte(字节)1024byte = 1kb(千字节)1024kb = 1MB(兆字节)1024MB = 1GB1024GB = 1TB问题：保存一个数字(25)到内存中，占据多大的空间呢？？？1、什么是数据类型保存在内存中的数据的类型，数据类型决定了数据在内存中占据多大的空间2、数据类型分类1、基本数据类型1、number类型数字类型：可以表示3...
2019-11-19 21:21:31
160
原创 共享服务
共享服务一.NFS文件共享1.NFS就是网络文件系统2.NFS监听在 TCP 2049 端口3.要实现网络共享，需要同时启动NFS和recbind,所需要的软件包括两个 分别是：nfs-utils rpcbind二.NFS服务器配置1.NFS服务器通过读取/etc/exports 配置文件来设定客户端可以访问那些NFS的共享文件系统2.共享条目语法结构： ...
2019-11-19 11:05:32
318
原创 JavaScript变量和常量
常量：常量是什么？常量常量表示一些固定的数据，也就是不能改变的数据2.定义常量使用const关键词3.定义常量使用大写英文字母4.常量不能重复定义和重复赋值5.常量定义必须同时赋值6.常量的值不能被改变常量分类整型常量二进制(以0b开头; 例如0b1001,0b1010)十进制(9,-10,0)八进制(以0开头; 例如011, 012)十六进制(以0x开头; 0x10...
2019-11-18 22:07:54
274
原创 js操作CSS样式简单案例
CSS 样式包括两种形式：样式表中样式和行内样式。DOM 2 级规范针对样式表提供了一套 API。在 DOM 2 级规范之前，还可以使用标签对象的 style 属性访问行内样式。行内样式//访问元素样式1, stye属性只对行内样式有用var box = document.getElementById(“box”);// alert(box.style.color); ...
2019-11-17 22:27:47
245
原创 css复杂选择器
一.父子选择器或派生选择器父子选择器作用：通过元素的平级关系来匹配其他元素只能向后不能向前1.wrapper下box下的em标签里的123变红HTML<div class="wrapper"> <strong class="box"> <em>123</em> </strong...
2019-11-16 22:09:55
88
原创 css浮动
css浮动：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样浮动：1、定位1、什么是定位元素该出现在网页的哪个位置处：2、定位方式1、普通流定位2、浮动定位3、相对定位4、绝对定位5、固定定位3、普通流定位又称为 文档流定位网页元素默认定位方式：页面元素...
2019-11-15 22:06:07
503
原创 使用Ajax
认识Ajax：是一种全新的客户端与服务器之间的异步交互技术，整个交互过程无需重新加载整个客户端页面，可以实现页面的局部刷新。 XMLHttpRequest对象被称做Ajax引擎，该对象在JavaScript中创建并使用，它负责发送客户端对服务器端的请求；同时接收服务器端的响应信息，整个交互过程不必刷新当前页面。作用：ajax 主要是实现页面和 web 服务器之间数据的异步...
2019-11-14 19:06:32
124
原创 了解ps
认识ps：PS是一种图形图像软件,容易使用,而且有着非常强大的功能,是处理图片的一把好手。因此,学习者在学习PS工具时,需要先了解其色彩基础知识,然后认识与掌握好PS工具的使用技巧,如此才能充分充分运用PS软件。熟悉ps：选择工具的快捷键选框-----M 移动-----V套索------L 魔棒------w喷枪-----J ...
2019-11-13 17:02:59
203
原创 设计CSS3动画
在css3中，一般创建动画需要使用animation实现，使用简写属性，将动画与div元素绑定。animation可用于设置六个动画属性：animation-name：规定需要绑定到选择器的 keyframe 名称；animation-duration：规定完成动画所花费的时间，以秒或毫秒计算；animation-timing-function：规定动画的速度曲线;an...
2019-11-12 22:30:07
148
原创 操作事件 2
1.定义事件处理函数1> 事件处理函数是一类特殊的函数，主要的目的是实现事件处有事件触发进行调用 ，一般没有进行调用，一般没有明确的返回值。2>用户可以利用事件处理函数的返回值影响事件程序的执行。3>自定义事件处理函数解决了传统事件处理函数的覆盖问题、可读性问题、this传递问题1 //添加时间函数 2 function addEvent(obj,type,fn)...
2019-11-11 21:14:21
193
原创 操作事件 1
一.事件基础：1.事件模型事件：浏览器、window、document、HTML元素发生事情，浏览器封装事情信息，就是事件。事件目标：引发事件的对象，就是事件源。事件类型：每个事件都有相应的类型，比如：“click”、"load"等，是一个说明事件类型的字符串。事件处理器：JS中处理器和监听器是一回事。绑定到对象上，用来对事件进行响应。一般为一个函数。2.事件流定义：页面触发一个...
2019-11-11 20:55:22
633
原创 操作DOM
DOM的简单介绍：首先，我们需要介绍什么是DOM。DOM的英语全称为Document ObjectModel,翻译成中文就 是文档对象模型。也就是说，将整个文档看作是一个对象。而一个文档又是由很多节点组成的， 那么这些节点也可以被看作是一个个的对象。DOM里面的对象属于宿主对象，需要浏览器来作 为宿主。一旦离开了浏览器这个环境，那么该对象将不复存在。同样，上一章我们所介绍的 BOM也是...
2019-11-10 22:31:10
120
原创 操作css样式
css样式之属性操作一、文本属性1.text-align:cnter 文本居中2.line heigth 垂直居中 ：行高，和高度对应3.设置图片与文本的距离：vertical-align4.text-decoration:none 去掉超链接下划线5.要是给a标签修改颜色的时候，就定到a标签上，用继承有时候是搞不定的因为继承的级别是很低的，如果a标签设置了样式，是不会继承父亲的...
2019-11-10 22:14:16
166
原创 CSS的基本总结 2
CSS选择器1.基本选择器2.属性选择器3.伪类选择器<1>通配符选择器通配符——通配符选择器是用来选择所有元素，也可以选择某个元素下的所有元素<2>元素选择器元素选择器就是文档的元素，如html,body,p,div等等<3>类选择器<4>id选择器<5>后代选择器（E F）<6>子元素选择器 （...
2019-11-07 18:21:59
93
原创 CSS3基本知识点总结 1
1.CSS3边框边框属性：border-radius：创建圆角边框box-Shadow：附加一个或者多个下拉框的阴影border-image（不支持IE）：使用图像创建一个边框2.CSS3圆角可以使用CSS3 圆角制作器来制作一个css3圆角，可以直接生成代码。3.指定border-radius的每个圆角：如果只指定一个值，则生成四个圆角；若在每个角上指定，则使用如下规则：四个值...
2019-11-06 18:08:19
149
原创 HTML的基本概念
什么是HTML？HTML 是用来描述网页的一种语言。2.HTML 指的是超文本标记语言3.HTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签HTML的常用标签: 1.HTML的注释写法 <!--注释--> 2.标题标签(数字越大，字越小) <h1></h1> 一级标题 &l...
2019-11-05 22:29:06
218
原创 CSS边框和背景 2
4、创建圆角边框border-top/bottom-left/right-radius 设置一个圆角，一对长度值或者百分比，百分比跟边框盒子的宽度和高度有关。第一个值是椭圆边框的水平半径，第二个值是椭圆的垂直半径。如果只一个值是圆的半径，两个值之间用空格分开。border -radius 一次设置边框的四个圆角，一对、两对、三对、四对长度值或者百分比，水平...
2019-11-04 22:45:25
112
原创 CSS边框和背景1
一.设置边框1.边框样式属性说明border-width设置边框的宽度boder-style设置边框的样式boder-color设置边框的颜色border-width属性：||||值描述thin定义细的边框medinum默认，定义中等的边框––thick定义粗的边框l
2019-11-03 15:18:23
141
原创 今天我们来聊聊一些HTML&CSS的基本操作命令
HTML&CSS常用：*div:居中text-align:center;margin:0 auto;*背景透明：background-color:rgba(255,255,255,0.5);//0.5是透明度*按钮或链接不可用：disabled1.标题：段落：2.使元素水平（横向）：float:left;3.设置网页背景颜色，background-color:颜色；以...
2019-11-02 22:44:46
196
原创 设置背景图像大小
1.background-size可以控制背景图像的大小。一张清晰漂亮的背景图片能给网页加分不少，设计师也经常会给页面的背景使用大图，我们既不想图片因为不同分辨率图片变形，也不希望当在大屏的情况下，背景有一块露白，简而言之，就是实现能自适应屏幕大小又不会变形的背景大图，而且背景图片不会随着滚动条滚动而滚动。2.基本语法：background-size：[//auto]{1,2}...
2019-11-01 20:12:52
1011
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人