SkyBlue

CSS 学习总结

▼魔方 西西 提交于 2020-07-28 13:47:10
CSS 学习总结 css简要介绍 什么是CSS css作用 css与HTML之间的关系 导入CSS的方式 CSS的基本使用规则 CSS语法 CSS样式表特征 CSS基础选择器 div+css布局 CSS基础样式 字体的设置 文本属性 盒子模型 浮动 元素 伪类 定位 精灵图 css简要介绍 什么是CSS css是层叠样式表 (Cascading Style Sheet),又叫级联样式表,简称样式表。 css作用 用于HTML文档中元素样式的定义。 实现了将内容与表现分离。 提高代码的可重用性和可维护性。 文件后缀是.css。 css与HTML之间的关系 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 > </ head > < body > 内容区域 </ body > </ html > CSS用于构建HTML元素的样式 HTML是页面的内容组成,CSS是页面的表现 结构层 HTML 表示层 CSS 行为层 JS 导入CSS的方式 内联方式

python使用tkinter做界面之颜色

放肆的年华 提交于 2020-05-03 20:54:45
from tkinter import * colors = '''#FFB6C1 LightPink 浅粉红 #FFC0CB Pink 粉红 #DC143C Crimson 深红/猩红 #FFF0F5 LavenderBlush 淡紫红 #DB7093 PaleVioletRed 弱紫罗兰红 #FF69B4 HotPink 热情的粉红 #FF1493 DeepPink 深粉红 #C71585 MediumVioletRed 中紫罗兰红 #DA70D6 Orchid 暗紫色/兰花紫 #D8BFD8 Thistle 蓟色 #DDA0DD Plum 洋李色/李子紫 #EE82EE Violet 紫罗兰 #FF00FF Magenta 洋红/玫瑰红 #FF00FF Fuchsia 紫红/灯笼海棠 #8B008B DarkMagenta 深洋红 #800080 Purple 紫色 #BA55D3 MediumOrchid 中兰花紫 #9400D3 DarkViolet 暗紫罗兰 #9932CC DarkOrchid 暗兰花紫 #4B0082 Indigo 靛青/紫兰色 #8A2BE2 BlueViolet 蓝紫罗兰 #9370DB MediumPurple 中紫色 #7B68EE MediumSlateBlue 中暗蓝色/中板岩蓝 #6A5ACD SlateBlue 石蓝色/板岩蓝

鍓嶇绗旇涔婮avaScript锛堜竷锛夋繁鍏ュ嚱鏁?amp;DOM閭g偣浜

一个人想着一个人 提交于 2020-04-28 07:31:15
涓€銆佸嚱鏁拌ˉ鍏匋/strong> 1.1 arguments 绫绘暟缁勫璞狘/span> arguments 鏄竴涓搴斾簬浼犻€掔粰鍑芥暟鐨勫弬鏁扮殑绫绘暟缁勫璞°€侟/span> 鍦ㄥ嚱鏁颁腑锛屼娇鐢ㄧ壒娈婂璞狘/span> arguments 锛屽紑鍙戣€匋/span> 鏃犻渶鏄庣‘鎸囧嚭鍙傛暟鍚岦/strong>锛屽氨鑳借闂畠浠€侟/p> 鍦ㄥ叾瀹冪紪绋嬭瑷€涓紝姣斿 java 锛氬鏋滀竴涓嚱鏁拌瀹氫箟杩囦袱娆★紝姣忔鍙傛暟涓暟閮戒笉鍚屻€傜浉褰撲簬瀹氫箟浜嗕袱涓笉鍚岀殑鍑芥暟锛屾牴鎹弬鏁颁釜鏁颁笉鍚岋紝浼氶€夋嫨涓嶅悓鐨勫嚱鏁版墽琛屻€侟/span> 涓€涓嚱鏁板悕瀹氫箟浜嗕袱涓嚱鏁帮紝绉颁负 鈥滃嚱鏁伴噸杞解€滭/strong> 锛圏/span>overloaded 锛夈€侟/span> 澶嶄範涓€涓嬪嚱鏁帮紝瀹氫箟鍑芥暟鏃讹紝鍙傛暟瑕佺綏鍒楀湪鍦嗘嫭鍙蜂腑锛岃繖浜涘弬鏁帮紝鍙?/span>鈥滃舰鍙傗€濓細 function fun(a,b,c){ console.log(a,b,c); } function fun(a,b){ console.log(a,b); } fun( 1,2 ); fun( 1,2,3); // 鍚堟硶鐨勶紝鍙傛暟澶氫簡鍜屽皯浜嗭紝閮戒笉鎶ラ敊銆侟/span> 璋冪敤鍑芥暟鏃讹紝浼犵殑鍙傛暟鍙?

盒子跟随鼠标移动而移动(兼容IE8)

大城市里の小女人 提交于 2020-04-13 13:23:14
【今日推荐】:为什么一到面试就懵逼!>>> 需求 ​ 通过JavaScript使盒子跟随着鼠标的移动而移动,并且当页面出现滚动条时,盒子也会跟随鼠标正常移动(兼容IE8) ​ 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>div跟随鼠标移动</title> <style> div{ width: 200px; height: 200px; background-color: skyblue; /*注意此处需要设置盒子的定位方式,否则后面设置盒子的偏移量无效*/ position: absolute; } body{ width: 2000px; height: 2000px; } </style> <script> window.onload = function () { let box = document.getElementById("box"); let odj = document.documentElement; odj.onmousemove = function (event) { // 解决IE8对event的兼容性问题 event = event || window.event; // 解决body和documentElement的兼容性问题

自定义getStyle方法获取元素样式

冷暖自知 提交于 2020-04-11 09:29:52
兼容性 兼容性如下图所示 ( 摘自 mdn ) 解决方法 由于getComputedStyle方法在IE浏览器中只兼容IE9及其以上,而IE8和它之前的浏览器则需要使用currentStyle方法来获取样式,所以我们就可以自定义一个getStyle方法来解决兼容性的问题 代码 自定义getStyle()代码 function getStyle (obj, name) { if (obj.currentStyle) { return obj.currentStyle[name]; } else { return getComputedStyle(obj)[name]; } } 完整html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>getStyle</title> <style> div{ width: 200px; height: 200px; background-color: brown; } </style> <script> function getStyle (obj, name) { if (obj.currentStyle) { return obj.currentStyle[name]; } else { return getComputedStyle(obj)

HTML

≡放荡痞女 提交于 2019-12-04 23:14:32
第一节 HTML简介 什么是网页? 网页,是网站中的一个页面,通常是网页是构成网站的基本元素,是承载各种网站应用的平台。通俗的说,网站就是由网页组成的。 通常我们看到的网页都是以htm或html后缀结尾的文件,俗称 HTML文件。 1.1 HTML概述 HTML全称:Hyper Text Markup Language(超文本标记语言) 超文本标记语言是标准通用标记语言(SGML)下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。 HTML是一门用户创建网页文档的标记语言,网页文件本身是一种文本文件,通过在文本文件中添加标记符。 HTML可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示、包括音频、视频等等如何播放)。 简单一句话:HTML是一门用来创建网页的标记语言。 1.2 HTML特点 其主要特点如下: 1 简易性:超文本标记语言版本升级采用超集方式,从而更加灵活方便。 2 可扩展性:超文本标记语言采取子类元素的方式,为系统扩展带来保证。 3 平台无关性:超文本标记语言可以使用在广泛的平台上,这也是万维网(www)盛行的另一个原因。 4 通用性:HTML是网络的通用语言,一种简单、通用的标记语言。 1.3 HTML的发展 超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布