aquamarine | 易学教程

jQuery中append appendTo prepend prependTo insertBefore insertAfter after before之间的区别

阅读更多关于 jQuery中append appendTo prepend prependTo insertBefore insertAfter after before之间的区别

jQuery中有一个很关键的元素操作,他们的使用方法都一样,但是呈现的结果有所不同. <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="utf-8" > < title > test </ title > < script src ="jquery.js" ></ script > </ head > < style > p { background-color : aquamarine ; } </ style > < body > < p id ="n1" > < span id ="n2" > span#n2 </ span > n1 </ p > < p id ="n3" > < label id ="n4" class ="move" > label#n4 </ label > n3 </ p > < p id ="n5" > < span id ="n6" > span#n6 </ span > n5 </ p > < p id ="n7" > < span id ="n8" > span#n8 </ span > n7 </ p > < p id ="n9" > < span id ="n10" > span#n10 </ span > n9 </ p > < p id ="n11" > <

HTML和CSS（二）

阅读更多关于 HTML和CSS（二）

###01- 列表 - 无序列表 ul>li unorder list - 清除列表前面的标识 list-sytle:none; - 列表默认有外边框和内边距 ###02- CSS选择器02 ``` /* 1.ID选择器 id是唯一的; 配合js来操作*/ #three{ color:blue; } /* 2. strong标签重要的内容默认加粗*/ /* 并集选择器组选择器 */ span,strong{ color:green; } /* 3.伪类选择器 '作用在标签身上改变状态' 鼠标悬浮: hover a:hover{ color:orange; } ``` ###03-选择器权重计算 -**层级选择器累加权重值** - **权重较高会覆盖较低的** - **权重相同时后写的会覆盖前面的** 选择器 | 权重值 ---|--- 1.标签 | 1 2.类 | 10 3.ID | 100 4.行内式 | 1000 5.!important |10000 **提升属性的权重** ###04- CSS常用属性 ``` /* 1.文本对齐 left center right text-align: left; /* 2.首行缩进默认大小16px*/ /* text-indent: 32px; */ /* em 文字的倍数 */ text-indent: 2em; /* 3

原生JS实现图片拖拽移动与缩放

阅读更多关于原生JS实现图片拖拽移动与缩放

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> #box { width: 100px; height: 100px; background-color: aquamarine; position: absolute; } #father { width: 600px; height: 500px; background-color: rgb(226, 117, 184); position: relative; } img { width: 100%; height: 100%; cursor: move; } #scale { width: 10px; height: 10px; overflow: hidden; cursor: se-resize; position: absolute; right: 0; bottom: 0; background-color: rgb(122, 191

DataGridView 经典用法总结（上）--附有可下载的Demo

阅读更多关于 DataGridView 经典用法总结（上）--附有可下载的Demo

一、DataGridView 单元格验证比如只允许输入数字要求：验证错误后焦点不离开。有两种方法： DataGridView.EditingControlShowing 事件和 DataGridView.CellValidating 事件。（1） DataGridView.EditingControlShowing 事件。显示用于编辑单元格的控件时发生，命名空间: System.Windows.Forms 程序集: System.Windows.Forms（在 system.windows.forms.dll 中）。如： void dgvCs_EditingControlShowing( object sender, DataGridViewEditingControlShowingEventArgs e) { e.CellStyle.BackColor = Color .Aquamarine;// 设置编译时的颜色 control = new TextBox (); control = ( TextBox )e.Control; control.KeyPress += new KeyPressEventHandler (txt_KeyPress);// } 然后在 txt_KeyPress 这里进行验证。（2） DataGridView.CellValidating

css：选择器（标签、类、ID、通配符）

阅读更多关于 css：选择器（标签、类、ID、通配符）

1、css概述主要的使用场景就是美化网页，布局页面（1）html的局限性它只关注内容的语义，只能做一些简单的样式，并且非常的臃肿和繁琐（2）css对网页美化的作用 css是层叠样式表的简称，它和html是一样的，都是一种标记语言，css主要用于设置html页面的文本内容（字体、大小、对齐方式等）图片的外形（宽度、高度、边框样式、边距等）以及版面的布局和外观显示样式。css可以美化html使得页面更加漂亮，页面的布局更加简单。（3）html与css html主要做结构，显示元素内容，css美化html，布局网页。因此，html专注结构呈现，css做样式，即结构与样式相分离 2、css语法规范（1）代码 < html > < head > < meta charset ="utf-8" > < title ></ title > < style > p{ color: red; font-size: 20px; } </ style > </ head > < body bgcolor ="aquamarine" > < h2 > 静夜思 </ h2 > < p > 床前明月光，疑似地上霜 </ p > < p > 举头望明月，低头思故乡， </ p > </ body > </ html > （2）测试在style标签中，p被称为选择器，用于指定css的html标签