border

javascript常用技巧

╄→гoц情女王★ 提交于 2020-03-09 07:27:06
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 7. <input style="ime-mode:disabled"> 关闭输入法 8. 永远都会带着框架 <script language="JavaScript"><!-- if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页 // --></script> 9. 防止被人frame <SCRIPT LANGUAGE=JAVASCRIPT><!

『网站设计』配色

ε祈祈猫儿з 提交于 2020-03-09 00:02:55
源文件在上传过程中图片丢失了,我可以给有兴趣的朋友提供源文件. 给您带来的不方便,深表歉意... 不论你做什么样的设计,色彩都是一个不容忽视的问题。色彩以一种“隐蔽”的方式传达的各种信息,这些信息会影响观看者的心理和感受,左右他们的判断和选择,色彩对于设计而言实在太重要。这篇文章就要比较系统地介绍一些在网页设计中如何使用色彩的入门知识。   色彩是设计者的得力助手,前提是应用得当。对于网站设计而言,色彩的重要性尤其突出,不过经常被粗心的站长忽视。我们经常说“第一映像最重要”,于是设计网站时,设计者经常会花很多精力制作一个“富于冲击力”的LOGO或者BANNER,当然,它们很重要。但是,访问者访问网站时的第一映像实际上并不来自这些LOGO或者BANNER,而是——色彩!   好了,在了解了色彩对于网站设计的重要性之后,我们开始探寻色彩的奥秘。   色彩入门   首先让我们熟悉一下色彩的一些基本概念。   三原色   一切颜色都来自三原色:红、黄、蓝。 [img] screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in

CSS笔记

我的未来我决定 提交于 2020-03-08 23:01:56
极客CSS笔记 基础语法: selector选择器{ property属性:value值 } 例: h1{ color:red; font-size:18px }    高级语法: 选择器分组: h1, h2, h3, h4, h5, h6 { color : red; } 继承: 在最外层的元素添加样式,若里层元素没有样式,则套用该样式 body{ color:green; } CSS选择器: 派生选择器: 通过依据元素在其位置的上下文关系来定义样式。 例:li strong{},中间用空格隔开 id选择器 :以#号来定义,常用方式是id选择器常常用于建立派生选择器。 例:#pid a{} 类选择器 :以 . 点号来表示,也可以用作派生选择器 属性选择器 :对带有指定属性的HTML元素设置样式,属性和值选择器。 例:[title]{} 或 [title=t]{} 子元素选择器: element > element。例 <div> > <p> ,选择父元素为div的所有p元素 兄弟选择器: element + element。例 <div> + <p> ,选择紧接着div元素之后的所有p元素 CSS样式: CSS背景 属性 描述 background-attachment 背景图像是否固定或者随着页面的其余部分滚动 background-color 设置元素的背景颜色

JQuery

|▌冷眼眸甩不掉的悲伤 提交于 2020-03-08 18:36:37
目录 1. jQuery介绍 2. 下载jQuery 3. 基础语法 4. 文档就绪事件 5. jQuery选择器 6. 判断是否选择到了元素 7. jQuery样式操作 8. jQuery事件 9. 文档/窗口事件 10. 获取内容和属性 11. 改变内容和属性 12. jQuery效果 13. jQuery动画 14. jQuery获取表单数据 15. jQuery正则 16. AJAX jQuery:http://www.runoob.com/manual/jquery/ jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery库包含以下功能: - HTML 元素选取 - HTML 元素操作 - CSS 操作 - HTML 事件函数 - JavaScript 特效和动画 - HTML DOM 遍历和修改 - AJAX 异步加载 1. jQuery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远 远超过其他库。 微软公司甚至把jQuery作为他们的官方库。 jQuery的版本分为1.x系列和2.x、3.x系列,1.x系列兼容低版本的浏览器,2.x、3.x系列放弃支持低版本浏览 器,目前使用最多的是1.x系列的

24点终结者

安稳与你 提交于 2020-03-07 22:03:27
<html> <head> <title>月光软件站 - 编程文档 - Script - 24点终结者(javascript)</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="keywords" content="Script,24点终结者(javascript),编程,文章"> <meta name="description" content="24点终结者(javascript)"> <style> td{font-size:9pt;line-height:140%} body{font-size:9pt;line-height:140%} A:link { FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none } A:visited { FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none } A:active { FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none } A:hover { FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION:

如何仿建网站?附带个人博客样式搭建实例

爱⌒轻易说出口 提交于 2020-03-07 13:59:16
本文及技术仅供学习,请勿用于其他用途 更新记录 【1】2020.03.06-16:51 1.完善内容 正文 前言 本教程的博客园样式实例不公布完整css代码,白嫖党请走开,氪金大佬另谈 本教程为初级篇,未涉及JavaScript 我们每天都会在在博客园写博客,看博客,时间久了,未免对这千篇一律的博客皮肤感到烦躁 那能不能想办法更改呢 答案是可以的 有的人可能会问,我自己又没有什么编程基础(那你来博客园干啥awa),更何况不会css,该怎么办呢? 肯定是学习 + 看教程喽 本文就是一篇附带实例的教程 那么,你要做的就是学习 根据个人实际经历来看,我建议你 8天学习HTML(个人实际5天) 8天学习css(个人实际10天) 10天学习JavaScript(个人实际10天) (本人有一定的编程基础) 然后就能达到随心所欲的修改博客园皮肤的水平了 想达到专业水平还是老老实实的学上半年再说吧 好了,回归正题 仿建网站的前提是千万不要侵权,即使是做个皮肤自己欣赏欣赏,也要记得加上原网站的链接 首先你要选择一个你认为满意的网站 然后学习它的源代码 然后自己在博客园码一些css的东西 就这么简单 下面还是让我们边看实例边说话 实例时间 先放张图片感受一下 图1 原网站 图2 个人博客园皮肤 没错,是高仿 首先先让我们来看一下原来的样子 图3 无css 没错,非常磕碜(不磕碜我就不改了awa)

商城项目日结5

早过忘川 提交于 2020-03-07 03:53:57
今天完成了商城的购物车功能 ,并细化了css样式使页面看起来更加舒适。 项目地址 购物车代码如下: html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="../lib/bootstrap/dist/css/bootstrap.css"> <link rel="stylesheet" href="../css/reset.css"> <link rel="stylesheet" href="../css/common.min.css"> <link rel="stylesheet" href="../css/index.css"> <link rel="stylesheet" href="../css/footer.css"> <link rel="stylesheet" href="../css/cart.css"> </head> <body style="background-color: #fff;"> <!-- 头部 --> <div class=

边框详讲---CSS必备的盒子模型知识!

橙三吉。 提交于 2020-03-07 03:36:49
盒子模型 盒子模型的四个部分:内容区、边框,内边距,外边距;前三者共同决定盒子可见框的大小。 边框 为元素设置边框 .box1{ width:100px; height:100px; background-color red; /*设置盒子内容区宽高及颜色。*/ border-width:10px; border-color:yellow; border-style:solid; /*设置边框,三个样式缺一不可,缺了就直接不显示边框。*/ } border-width 使用border-width可以分别指定四个边框的宽度。 指定四个值:按顺时针设置; 指定三个值:分别设置给上 左右 下; 指定两个值:分别设置给上下 左右; 指定一个值:四边全为这个值。 border-width:10px 20px 30px 40px; /*则上边框为10px,右边框为20px,以此类推*。/ //方便起见,此规则自定义为“4321”。      //题外话:如果你也知道3421...hhh border-color 原理同4321有: border-color:red blue green; /*则上边框为红色,左右边框为蓝色,下边框为绿色。*/ border-style 使用border-style来设置边框样式。 可选值: none 默认值,没有边框; ​ solid 实线; ​

CSS-border属性

三世轮回 提交于 2020-03-06 14:20:31
CSS-border属性 设置边框 border有三个值 1 border-width //规定边框的宽度 2 border-style //规定边框的样式 3 border-color //规定边框的颜色 如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。 border-radius设置圆角 border-radius:10px //设置四个角 也可以选择设置 1 border-top-left-radius: 10px //左上角 2 border-top-right-radius: 10px //右上角 3 border-bottom-right-radius: 10px //右下角 4 border-bottom-left-radius: 10px //左下角 来源: https://www.cnblogs.com/qdjj/p/12425883.html

博客界面美化

孤街浪徒 提交于 2020-03-06 07:53:24
www.cnblogs.com/shaokele/ 美化无止境,还是学OI !!! 美化无止境,还是学OI !!! 美化无止境,还是学OI !!! 催更请留言 ~~博主很懒~~ 我的博客皮肤是Simple Memory 由于背景图比较高清,部分设备可能显示的很慢:) 背景图可以自己换,修改代码第三行的网址即可 现在的版本: “页面定制CSS代码” body { color: #000; background: url(https://i.loli.net/2018/07/18/5b4f176e73e07.png) fixed; background-size: cover; background-repeat: repeat; font-family: "微软雅黑","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif; font-size: 12px; min-height: 101%; } #home { opacity: 0.8; margin: 0 auto; width: 80%; min-width: 950px; background-color: #fff; padding: 30px; margin-top: 30px; margin-bottom: 50px; box-shadow: 0 2px 6px rgba