CSS
陆老师Peter
高校计算机专业教师、项目经理、软件研发负责人。
展开
-
CSS border 属性
实例设置 4 个边框的样式:p { border:5px solid red; }定义和用法border 简写属性在一个声明设置所有的边框属性。可以按顺序设置如下属性:border-width border-style border-color如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。默认值:...转载 2019-06-25 09:48:39 · 257 阅读 · 0 评论 -
JavaScript(3)——JS入门
<script type="text/javascript"> alert(new Date().toLocaleDateString()); </script>1. </script> <script language="....>已经不推荐使用。2. JavaScript代码放到<script>标签中...原创 2019-08-11 02:20:59 · 115 阅读 · 0 评论 -
JavaScript(4)——事件
在超链接的点击里执行JavaScript:<a href="javascript:alert(88)">发发</a>JavaScript中也有事件的概念,当按钮被点击的时候也可以执行JavaScript:<input type="button" onclick="alert(99)" value="久久"/>只有超链接的href中的JavaS...原创 2019-08-11 23:11:20 · 111 阅读 · 0 评论 -
JavaScript(5)——JS的变量
JavaScript中即可以使用双引号声明字符串,也可以使用单引号声明字符串。主要是为了方便和html集成,避免转义符的麻烦。JavaScript中有null、undefined两种。null表示变量的值为空;undefined则表示变量还没有指向任何的对象,未初始化。两者的区别参考资料。JavaScript是弱类型,声明变量的时候无法:int i=0;只能通过var i=0;声明变量,和...原创 2019-08-11 23:18:12 · 101 阅读 · 0 评论 -
JavaScript(6)——JS除错与调试
如果JavaScript中的代码有语法错误,浏览器会弹出报错信息,查看报错信息就能帮助排查错误。JavaScript的调试,使用VS可以很方便的进行JavaScript的调试,调试时需要注意几点:IE6的调试选项要打开,Internet选项→高级,去掉“禁用脚本调试”前的勾选(见下图)。 以调试方式运行网页。 设置断点、监视变量等操作和C#一样。 在vs中,JavaScript代码跟C...原创 2019-08-11 23:30:07 · 151 阅读 · 0 评论 -
JavaScript(7)——判断变量初始化
JavaScript中判断变量、参数是否初始化的三种方法: var x; if (x == null) { alert("null"); } if (typeof (x) == "undefined") { alert('undefined'); } ...原创 2019-08-11 23:34:07 · 449 阅读 · 0 评论 -
JavaScript(8)——函数的声明
JavaScript中声明函数的方式://方法的声明function add(i1, i2) { //代码风格,JavaScript承袭了Java的特性,起始大括号跟在方法名之后,而C#中的起始大括号是独占一行。 return i1 + i2; }int add(int i1,int i2) //C#写法不需要声明返回值类型、参数类型。函...原创 2019-08-11 23:39:57 · 184 阅读 · 0 评论 -
CSS实现会发光的输入框input
通过input标签创建一个输入框后,当用鼠标点击输入框会发现输入框外围边框会变色且会变得模糊,这是因为浏览器的默认样式在捣蛋,接下来我们自定义focus样式。实现上述效果需要4个步骤取消浏览器默认样式outline。 设置边框样式、宽度、颜色。 设置边框阴影。 渐变过渡效果取消浏览器默认样式outline以谷歌浏览器为例,当focus input输入框时浏览器会设置outli...转载 2019-08-20 22:15:58 · 864 阅读 · 0 评论 -
HTML5实现输入密码(六个格子)
思路:用六个li充当六个格子,同时将input框隐藏,点击承载六个格子的容器时,使焦点聚焦在input上,可以输入。通过监听input框输入的长度,控制格子内小黑点是否显示,同时用正则替换非数字。因为是用vue开发,并不是所有人粘贴就能使用,不过思路和实现过程都很简单明了。下面是贴代码:html部分<div id="payPwd"> <div style...转载 2019-08-20 22:21:06 · 3524 阅读 · 0 评论 -
常见的表单元素有哪些?各有什么属性?
常见的表单元素有哪些?各有什么属性?1.背景介绍表单元素是允许用户在表单中输入信息的元素。随着时代的改变和互联网的发展,表单的使用越来越广泛。2.知识剖析(1)什么是表单表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选...转载 2019-08-20 22:22:13 · 8449 阅读 · 0 评论 -
JavaScript(9)——匿名函数
var f1 = function(i1, i2) { return i1 + i2; } alert(f1(1,2)); //这里的f1相当于C#里的委托,相当于C++里的指针。类似于C#中的匿名函数。这种匿名函数的用法在JQuery中的非常多。alert(function(i1, i2) { return i1 + i...原创 2019-08-12 21:13:08 · 129 阅读 · 0 评论 -
JavaScript(10)——JS面向对象基础
JavaScript中没有类的语法,是用函数闭包(closure)模拟出来的,下面讲解的时候还是用C#中的类、构造函数的概念,JavaScript中String、Date等“类”都被叫做“对象”,挺怪,方便初学者理解,不严谨。JavaScript中声明类(类不是类,是对象): function Person(name,age) { this.name =...原创 2019-08-12 21:32:34 · 365 阅读 · 0 评论 -
JavaScript(11)——String对象
length属性; charAt方法;取第几个字符。 indexOf 查出某子字符串在字符串中的索引(第一个字符的下标)。 lastIndexOf 从后往前找。找出子字符串最后一次出现的索引。 Substr(start,length) 从字符串中截取出一段子字符串。start是开始的索引,length是子字符串的长度。 substring(start,end) 从字符串中截取...原创 2019-08-12 21:42:14 · 137 阅读 · 0 评论 -
JavaScript(2)——JS的开发环境
VS中JavaScript、JQuery的自动完成功能:在VS2010中直接有,VS2008需要安装VisualStudio 2008SP1(http://www.microsoft.com/downloads/details.aspx?displaylang=zh-cn&familyid=27673c47-b3b5-4c67-bd99-84e525b5ce61)和VS90SP1-KB95...原创 2019-08-11 02:11:49 · 183 阅读 · 0 评论 -
JavaScript(1)——什么是JavaScript
首先说一下学习JavaScript的目标:掌握JavaScript语法,为Dom编程和JQuery打基础。====================================================================1. HTML只是描述网页长相的标记语言,没有计算、判断能力,如果所有计算、判断(比如判断文本框是否为空、判断两次密码是否输入一致)都放到服务器端执行...原创 2019-08-11 02:07:14 · 220 阅读 · 0 评论 -
FF与IE对javascript和CSS的区别
1. document.formName.item("itemName") 问题说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].解决方法:统一使用docum...转载 2019-08-19 21:20:47 · 112 阅读 · 0 评论 -
CSS(1)——样式表、CSS
CSS(层叠样式表)是用来美化页面用的,可以对页面元素进行更精细的设置,样式主要描述元素的字体颜色、背景颜色、边框等。CSS主要有元素内联、页面嵌入和外部引用三种使用方式。CSS是描述元素的皮肤!1. 元素内联(内联样式,也叫行内样式),直接将样式写入元素的style属性中<input type="text" readonly="readonly" style="backgroun...原创 2019-08-08 13:53:29 · 186 阅读 · 0 评论 -
CSS(2)——常见样式
1. css计量单位:css中表示宽度、距离时有多种计量单位:px(像素)、30%(百分比)、em(相对单位)等。width:20px。2. background-color:Red;背景颜色;color:文本颜色。3. 复合样式 background 、border等。4. (1)border-style:solid;边框风格。实线solid(默认是没有),还有dotted(点)等值...原创 2019-08-08 19:40:39 · 181 阅读 · 0 评论 -
CSS(3)——样式选择器
对于非元素内联的样式需要定义样式选择器,通俗的说就是这个样式适合于哪些元素。有的地方把“选择器”翻译成“选择符”,代表的意思是一样的。常用的三种样式选择器:标签选择器、class选择器和id选择器。1. 标签选择器对于指定的标签采用统一的样式。input{ border-color:Yellow;color:Red;}2. class选择器以定义一个命名的样式,然...原创 2019-08-09 20:37:16 · 284 阅读 · 0 评论 -
CSS(4)——细边框表格
设置了表格的border=“1px” 因为表格边线有重叠,所以表格的边线显示比较粗。可以使用css去重重叠。(1)使用css 先给Table加上1px的border-top,border-left(2)再给td加上1px的border-right,border-bottom...原创 2019-08-09 22:37:18 · 258 阅读 · 0 评论 -
JavaScript(13)——练习、冒泡排序
1. 求一个数组中的最大值。定义成函数。2. 将一个字符串数组输出为|分割的形式,比如“梅西|卡卡|郑大世”。不要使用JavaScript中的Join函数。arr1.join("|")将数组用分隔符连接成一个字符串。3. 将一个字符串数组的元素的顺序进行反转。{"3","a","8","haha"} {"haha","8","a","3"}。不要使用JavaScript中的反转函数。提示:...原创 2019-08-14 14:47:25 · 286 阅读 · 0 评论 -
JavaScript(14)——JS中的Dictionary
JS中的Array是一个宝贝,不仅是一个数组,还是一个Dictionary,还是一个Stack。 var pinyins = new Array(); pinyins["人"] = "ren"; pinyins["口"] = "kou"; pinyins["手"] = "shou"; alert(pinyins["...原创 2019-08-14 15:00:55 · 829 阅读 · 0 评论 -
JavaScript(15)——Array的简化声明
1. Array还可以有简化的创建方式:var arr = [3, 5, 6, 8, 9]; //普通数组初始化这种数组可以看做是pinyins["人"] = "ren";的特例,也就是key为0、1、2……2.字典风格的简化创建方式:var arr = {"tom":30,"jim":20};...原创 2019-08-14 15:06:11 · 170 阅读 · 0 评论 -
JavaScript(16)——数组、for及其他
1. 对于数组风格的Array来说,可以使用join方法拼接为字符串:var arr = ["tom","jim","lily"];alert(arr.join(","));//JS中join是array的方法,不像.Net中是string的方法。JS中join是array的方法,不像.Net中是string的方法。for循环可以像C#中的foreach一样用。2.for循环...原创 2019-08-14 15:14:52 · 129 阅读 · 0 评论 -
JavaScript(17)——扩展方法
扩展方法:对原有的对象增加一个方法。 例:对String对象通过prototype属性给它增加了quote方法。通过类对象的prototype设置扩展方法,下面为String对象增加quote(两边加字符)方法: String.prototype.quote = function(quotestr) { if (!quotestr) { ...原创 2019-08-14 15:19:44 · 478 阅读 · 0 评论 -
JavaScript(18)——JavaScript汇总整理
1.JavaScript是一门编程语言。2.每学一门编程语言必须先要掌握以下三个最核心的内容:(1)数据类型;(2)程序结构 如:if、while 等;(3)类库。3.在浏览器上使用这三种语言时,它们的作用分别是:(1)html :提供内容;(2)css :美化html,告诉html怎么去显示;(3)JavaScript :控制html和css 。4.(1)c# 编...原创 2019-08-14 15:34:28 · 48116 阅读 · 0 评论 -
CSS(5)——网页布局
网页布局就是“这块内容显示在左边,那两块内容并排显示,那块内容漂浮在页面上”。1. 表格布局2. 框架布局Frameset(框架级)和iframe:(1)Frameset 框架级,Frameset 框架页里不能有body 。例:<frameset rows="30%,70%" > <!--把页面分成两行,第一行占30%,第二行占70%--> ...原创 2019-08-10 12:40:30 · 133 阅读 · 0 评论 -
CSS(6)——CSS汇总整理
精通DIV + CSSMeta(了解就行)1、div span2、三种样式表 内联样式(行内样式) 嵌入样式 外部样式 就近原则3、常见样式 复合样式 background border css单位 % px em background-color color border-style...原创 2019-08-10 12:45:09 · 162 阅读 · 0 评论 -
JavaScript(12)——Array对象
JavaScript中的Array对象就是数组,首先是一个动态数组(长度可以自动的增长),而且是一个像C#中数组、ArrayList、Hashtable等的超强综合体。 var names = new Array(); names[0] = "tom"; names[1] = "jerry"; names[2] = "lily";...原创 2019-08-12 21:46:27 · 222 阅读 · 0 评论