自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 鼠标移动监听页面跳转

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; char..

2021-04-13 18:53:32 226

原创 网页加入时间代码

一、<div class="report"> <script> var weekDayLabels = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); var now = new Date(); var year=now.getFullYear(); var month=now.getMonth()+1; var day=now.getDate() var currentime = '

2021-04-09 23:25:44 1359 1

原创 HTML基础之HTML标签

前端的三把利器HTML:赤裸的一个人CSS:华丽的衣服JS/JavaScript:赋予这个人的行为,也就是动起来HTML(超文本标记语言)html代码实际上就是一套能够被浏览器所识别的规则代码,由一个个标签组成。html代码就是一大长串字符串,而这种字符串的格式正好能够被浏览器所识别,也就有了我们的WEB页面。后端与前端交互方式1、后端通过直接返回浏览器能够识别的htm...

2018-10-25 22:21:56 457

原创 html列表初述

HTML 表格标签标签描述&lt;table&gt;定义表格&lt;th&gt;定义表格的表头&lt;tr&gt;定义表格的行&lt;td&gt;定义表格单元&lt;caption&gt;定义表格标题&lt;colgroup&gt;定义表格列的组&lt;col&gt;定义用于表格列的属性&lt;thead&gt;定义表格的页眉 语义化的&lt;table&gt;必须

2018-07-04 22:05:00 251

原创 网页列表

    HTML列表分类:无序列表,不考虑排序,&lt;ul&gt;+&lt;li&gt;,常用于导航有序列表,结构化列表,考虑排序,&lt;ol&gt;+&lt;li&gt;定义列表,当作字典或术语,包含定义和描述,&lt;dl&gt;+&lt;dt&gt;+&lt;dd&gt;(其中,dl表示定义列表,dt定义术语,dd定义描述)选择列表,简易说明(一)HTML无序列表ul无序列表ul的各个列

2018-07-03 23:34:23 3189

原创 html栗子1

    HTML基本文档格式—&lt;head&gt; 标记图片素材:代码:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;代码实例&lt;/title&gt;&lt;/head&gt;&lt;body&gt;

2018-07-02 16:45:54 314

原创 HTML &amp;lt;fieldset&amp;gt; 标签

标签定义及使用说明&lt;fieldset&gt; 标签可以将表单内的相关元素分组。&lt;fieldset&gt; 标签会在相关表单元素周围绘制边框。提示和注释提示:&lt;legend&gt; 标签为 &lt;fieldset&gt; 元素定义标题。   &lt;fieldset  style="border-color:red"&gt;      &lt;/fieldset&gt;   

2018-06-15 17:25:08 230

原创 HTML基础样式(三)

一、设置图片1、对图片的实现方式两大类:插入图片(HTML实现)和背景图片(css样式)       设置图片大小:height(高度值)或width(宽度值)2:、设置图片和其他元素边框       (1)设置边框样式的属性:border-style;       none (无边框,默认值)| dotted (点线)|  dashed (虚线) | solid (实线) | double(双直...

2018-03-11 23:29:50 259

转载 HTML基础样式(一)

一、HTML标签1、无序列表                  有序列表     &lt;ul&gt;                     &lt;ol&gt;   &lt;li&gt;&lt;/li&gt;                 &lt;li&gt;&lt;/li&gt;      &lt;/ul&gt;                    &lt;/ol&gt;

2018-03-11 23:28:29 274

转载 HTML基础样式(二)

一、使用css设置文字效果1、文字样式常用属性设置字体:font-family设置字号:font-size设置斜体:font-style:nomal(正常显示)/ italic(斜体)/oblique(比斜体还斜)设置加粗:font-weight:normal(正常粗细)|bold(粗体)|bolder(加粗体)|lighter(细体)|number(100~900九个级别,数字越大文字越粗。);...

2018-03-11 23:27:05 180

原创 Html5基础之样式

前言记录了通过修改bootstrap一些模板并阅读bootstrap源码时的一些感悟,下面的内容是动手实验+查找资料+推敲猜想得出,以备日后查询和修改补充正文box-shadow 属性box-shadow: h-shadow v-shadow blur spread color inset;h-shadow 必需。水平阴影的位置。允许负值。(x 坐标移动) v-shadow 必需。垂直阴影的位置。...

2018-03-11 23:25:26 787

原创 HTML基础

HTML基础HTML基础什么是HTMLHTML简称超文本标记语言,标准通用标记语言下的一个应用。超文本就是指的是页面内容可以是图片、链接、或者是音乐程序等非文字元素的部分。本质上是浏览器可以别的一种规则、我们按照这种规则写网页,浏览器根据我们的规则进行渲染、对于不同的浏览器,对一个标签会有不同的解释(这就是兼容性问题)网页文件的后缀:.html或者.htmHTML是一种标记语言不是编程语言。Web...

2018-03-11 23:19:17 153

原创 CSS样式表

CSS样式表CSS介绍CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。CSS语法CSS实例每个CSS样式由两个部分组成:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。div { color: read; font-size:14px;} #解释di...

2018-03-11 23:16:19 207

转载 前端基础之CSS

前端基础之CSS知识预览CSS 语法css的四种引入方式 css选择器css属性操作Caution!后台管理布局css响应式布局课下作业回到顶部CSS 语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。123456789'''        selector {                  property: value;                  property:...

2018-03-11 23:05:43 135

转载 地铁FAS设备组成及系统结构

三、JSM-FMM-1C输入模块七、消火栓按钮J-XAP-M-M500H 【摘 要】火灾自动报警系统(Fire Alarm System,简称FAS)是地铁自动化系统的一个重要组成部分,监控对象为火灾,利用电子通信技术、检测技术和计算机技术,根据防火特点和要求而设计,地铁自动化系统中的火灾自动报警系统可以及时探测到火灾,自动报警,并且可以探测到火灾的具体位置,输出联动灭火信号,启动相应的消防设施进...

2018-03-07 07:06:56 30889

原创 HTML&amp;lt;script&amp;gt;标签

HTML script 标签script 标签 -- 在文档中使用脚本script标签是成对出现的,以&lt;script&gt;开始,以&lt;/script&gt;结束属性src -- 指定需要加载的脚本文件(例如:js文件)的地址URItype -- 指定媒体类型(例如:type="text/javascript")引用网址:http://www.dreamdu.com/xhtml/tag_...

2018-02-27 07:09:42 689

转载 html标签中的lang属性

写在html标签中的lang属性作用:声明当前页面的语言类型。如: //英文 //中文 //日文 //美式英文注意:lang属性中的语言代码不区分大小写 //英文 //英文上面的两行代码一样的效果。另外,lang属性也可以加到普通标签上。如:this is English .lang 属

2018-01-29 10:11:50 4337

原创 html标签分类及常用标签

html标签html标签HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。标签不会出现在页面中,只有标签中的内容才会显示在页面上 :也就是html>此处为内容html>标签不区分大小写,但是推荐使用小写 :(X)HTML 版本中强制使用小写,这样更加严谨标签分为闭合标签和空标签 :闭合标签是指由开始标签和结束标签组成的一对标签,

2018-01-28 11:52:05 12674 2

转载 理解为何需要清除浮动及清除浮动的方法

一、为何要清除浮动                          [主要涉及关键词:文档流、高度塌陷。]作为一个前端er肯定会要用到float属性。浮动的框可以左右移动,直到遇到另一个浮动框或者遇到它外边缘的包含框。浮动框不属于文档流中的普通流,当元素浮动之后,不会影响块级元素的布局,只会影响内联元素布局。此时文档流中的普通流就会表现得该浮动框不存在一样的布局模式。当包含框的高

2018-01-28 09:38:44 330

转载 怎样将多个CSS文件导入一个CSS文件中

问题:在HTML中引入css的其中的两个方法:   导入式和链接式的目的都是将一个独立的css文件引入一个文件中,二者的区别不大,事实上,二者最大的区别在于链接式使用html的标记引入外部css文件,而使用导入式则是使用css规则引入外部css文件。因此它们的语法也不同。1.如果使用链接式,需要使用如下的语句引入外部css文件:<link href="sty

2018-01-27 08:41:24 1032

原创 网页制作实践 - 导航菜单

本次实践主要练习的知识点:reset样式覆盖浮动背景边框类选择器伪类行高文字样式我们试着做出下面这个图片中的导航:第1步:实现排版它的背景色主要是灰色的,并且当前所在的菜单位置是红色的,比如你当前位置在Clients的话它也应该会变成红色这种情况下一般是最外面用一个ul包住,再每一个菜单

2018-01-27 07:52:42 817

原创 一步步教大家编写酷炫的导航栏js+css实现

一步一步的学习制作导航栏,文章末尾再做个综合页面,分享给大家一个炫酷的导航栏供大家参考,具体内容如下1.当前页面高亮显示的导航栏首先是HTML代码,很简单,ul+li实现菜单 导航栏一 Android C++ IOS Java Ruby

2018-01-27 07:47:47 10166 5

转载 JS学习--常见弹出框

小编最近做项目发现JS调试的时候出现很多的问题,在写JS的时候很多的基础知识都不是很清晰了,所以最近会总结一些JS常见的基础知识,算是对自己JS的一个回顾吧!今天我主要是总结了一下常见的弹出框-普通弹出框,确认框,提示框。普通弹出框[html] view plain copyspan style="font-family:SimHei;f

2018-01-25 23:26:30 178

转载 js 浏览器的各种弹出框 提示语

一、JS的三种最常见的对话框//====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //弹出一个询问框

2018-01-25 23:20:20 11692

转载 javascript事件编程

javascript事件编程在实际的使用中是比较常见的,本文简单mark一下。主要内容包括:事件处理程序、常用事件、绑定事件方式、事件冒泡、默认行为以及事件对象示例。1.事件处理程序事件就是用户或浏览器自身执行的某种动作。比如说click,mouseover,都是事件的名字。而相应某个事件的函数就叫事件处理程序(或事件侦听器)。为事件指定处理程序的方式有好几种,比如行内绑定、动态绑

2018-01-25 22:24:07 305

转载 JavaScript事件

JavaScript事件JavaScript事件        HTML事件是发生在 HTML 元素上的事情,当在HTML页面中使用 JavaScript 时, JavaScript 可以触发这些事件。 HTML事件        HTML事件可以是浏览器行为,也可以是用户行为。以下是HTML事件的实例:        1、HTML页面完成加

2018-01-25 22:20:11 127

转载 js的事件及其种类

js事件什么叫做事件?       事件,俗话说就是对一定事物产生一定的影响。       例如:我们打开一个网页,网页被打开的那一刻,首先触发的事件就是load事件,只有触发了这个事件,才会执行这部分代码。事件的种类1、一般事件2、页面相关事件3、表单相关事件4、滚动字

2018-01-25 22:17:53 198

转载 网页打开5秒后弹出广告窗口

广告是网站不可避免的话题,没有广告的话,大多数网站是无法生存的。但是,若用户每次一打开网站就弹出广告窗口,这样会影响网站的友好性。现介绍一种广告被延迟加载的方式–setTimeout()。 网页被打开5秒以后弹出广告窗口 function init(){ setTimeout(function(){

2018-01-25 21:16:47 1698 1

转载 30类CSS选择器

CSS 选择器是一种模式,用于选择需要添加样式的元素。平时使用最多也是最简单的就是 #id、.class 和标签选择器,在 CSS 中还有很多更加强大更加灵活的选择方式,尤其是在 CSS3 中,增加了很多新的选择器,使得选择元素更加便捷,所以必须理解这些选择器,只有先理解了,多用几次,自然而然就记住了。1、* 【CSS2】  通配符,选择页面所有元素。 *{ m

2018-01-25 17:09:03 216

转载 CSS巧妙实现分隔线的几种方法

单个标签实现分隔线:html:小小分隔线 单标签实现 css:.demo_line_01{ padding: 0 20px 0; margin: 20px 0; line-height: 1px; border-left: 200px solid #ddd; border-right: 200px solid #ddd

2018-01-25 16:13:42 1468

转载 怎样在网页中插入一条分割线

怎样在网页中插入一条分割线一、横线,可设置css宽高以及背景色。二、竖线:方法1,利用块级元素的border属性,如:div{width:1px;height:100px; border-left:1px #000 solid;}方法2,如果是内联元素,则加上display:inline-block;如:span{display:inline-block;w

2018-01-25 16:06:48 12686

原创 HTML name与id的区别

HTML name与id的区别猴子提示:对于“使用人做为例子,id就是他的身份证号,name就是他的名字,因此,id必须唯一,name可以重复”,这种坊间较流行的说法是不准确的HTML中name与id的区别表格HTML中name与id的区别表格 name属性id属性适用的html元素button、inp

2018-01-25 12:33:58 3106

原创 JS 高级总结

JS 高级总结一、查找HTML元素  通常,通过 JavaScript,您需要操作 HTML 元素。  1、通过 id 找到 HTML 元素  2、通过标签名找到 HTML 元素  3、通过类名找到 HTML 元素提示:通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。var x=document.getElementById

2018-01-25 12:16:38 116

转载 设置文本与字体样式

前面的话  CSS文本样式是相对于内容进行的样式修饰。由于在层叠关系中,内容要高于背景。所以文本样式相对而言更加重要。有些人对文本和字体样式之间的不同不太了解,简单地讲,文本是内容,而字体则用于显示这个内容。本文将详细介绍文本相关样式 首行缩进定义  首行缩进是将段落的第一行缩进,这是常用的文本格式化效果。一般地,中文写作时开头空两格,类似于此  [

2018-01-25 11:54:18 1305

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除