CSS伪类和伪元素的使用伪类 伪类： 一个伪类是我们可以为了增加CSS选择一个关键字定义一个特殊状态的属于HTML元素。我们可以使用冒号语法 将伪类添加到CSS选择器，:如下所示：a:hover{ … } 。
属性
描述
CSS
:active
向被激活的元素添加样式。
1
:focus
向拥有键盘输入焦点的元素添加样式。
2
:hover
当鼠标悬浮在元素上方时，向元素添加样式。
1
:link
向未被访问的链接添加样式。
1
:visited
向已被访问的链接添加样式。
1
:first-child
向元素的第一个子元素添加样式。
2
:lang
向带有指定 lang 属性的元素添加样式。
2
:nth-child(2n)
向元素的偶数元素添加样式
a标记的伪类选择器123456789101112131415161718192021222324252627282930313233<html> <head> <meta charset="utf-8"> <titl ...
PHP连接MySQL数据库1header('Content-Type:text/html;charset=utf-8');
//1 链接数据库1234567891011121314151617$host = 'localhost'; //主机地址$user = 'root'; //用户名$password = '123456'; //密码$database = 'project5'; //数据库名称$port = 3306; //端口号$link = mysqli_connect($host, $user, $password, $database, $port); //链接MySQL//$link = new mysqli($host, $user, $password, $database, $port); //另外一种链接数据库语法//var_dump($link);//判断链接是否成功if($link){echo '链接成功！ ...
数据库
未读– 管理数据库– 1创建数据库1CREATE DATABASE t;
– 2显示当前数据库
1SHOW DATABASES;
– 3删除数据库
1DROP DATABASE t;
– 管理数据表– 创建数据表
12345CREATE TABLE stu1(id INT UNSIGNED PRIMARY KEY AUTO_INCREMENT COMMENT '学号',NAME VARCHAR(50) NOT NULL COMMENT '姓名',age INT COMMENT '年龄')ENGINE=MYISAM DEFAULT CHARSET='utf8';
– 对数据表的数据处理：增 删 改 查– 增加数据
12INSERT INTO STU2(NAME,age) VALUES('王五',20),('李四' ,20);
– 删除数据
1DELETE FROM stu2 WHERE id =3;
– 修改数据 （设计一个标识例）
1UPDATE ...
php实现验证码功能1一个长方形的底图；2验证码的内容（数字，数字+英文，中文）；3各色的干扰点；4长短颜色不一的干扰线段。验证码图是长方形的100*30的大小
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061<?php//创建验证码画布$img_w = 100; //验证码的宽度$img_h = 30; //验证码的高度$img = imagecreatetruecolor($img_w, $img_h); //创建画布$bg_color = imagecolorallocate($img,0xcc,0xcc,0xcc); //为画布分配颜色imagefill($img,0,0,$bg_color);$count = 4; //验证码位数$charset = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789'; //随机因子$char ...
flex是Flexible Box的缩写，意思为“弹性布局”，在使用过程中简单、易用、代码较少，在制作网页的时候经常使用这种方法来进行布局。
容器设置为flex以后，子元素的float、clear和vertcal-align的属性将失效。
1.box{display:flex;}
容器的六个属性flex-direction决定主轴的方向（即项目的排列方向）
123456.box{ display:flex; flex-direction:row; //默认值，主轴为水平方向，起点在左端。 flex-direction:row-reverse; //主轴为水平方向，起点在右端。 flex-direction:column; //主轴为垂直方向，起点在上沿。 flex-direction:column-reverse; //主轴为垂直方向，起点在下沿。}
flex-wrap定义如果一条轴线排不下，如何换行
123456.box{ display:flex; ...
1 创建文章12$ hexo new "文章名" //安装hexo-asset-image后可使用 $ hexo n "My New Post" //简写
2 编辑文章12345678文章头部加---title: //此处填写文章名date: //此处填写发布日期tags: - //此处填写标签名(可多个)categories: //此处填写博客文章分类
3 文章添加图片 1 把本地Blog文件下的配置文件（非主题下）_config.yml里的post_asset_folder:选项设置为true
2 在本地Blog路径下执行npm install hexo-asset-image --save （用于下载安装一个可以上传本地图片的插件）
3 运行hexo n "xxxx"来生成md博文
会发现在/source/_posts文件夹中除了xxxx.md`文件还生成了一个同名文件夹
4最后在xxxx.md引入图片时，先把图片复制到xxxx文件夹中 然后在xxxx.m ...
JavaScript中常用的语法和关键字。1.document.write(“”); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById(“表单中元素的ID?”).name(或value)6.一个小写转大写的JS: document.getElementById(“output”).value = document.getElementById(“input”).value.toUpperCase();7.JS中的值类型:String,Number,Boolean,Null,Object,Function8.JS中的字符型转换成数值型:parseInt(),parseFloat()9.JS中的数字转换成字符型:(“” 变量)10.JS中的取字符串长度是: ...
Typora编辑器好处下面是我觉得比较好的两个点：
①实时预览：在Typora中我们输入标记语法就能实时看到排版效果，解决了传统Markdown编辑器左右分屏式看起来麻烦的烦恼。
②快捷键输入：很多标记语法我们都可以使用快捷键输入，免去了手动敲语法的烦恼。
常用快捷键和语法标题：Ctrl+1、2、3…对应一、二、三…级标题（光标定位到需要设置为标题的行，按快捷键）
加粗：Ctrl+B（选中要加粗的文本，按快捷键）
斜体：Ctrl+I（选中要设置斜体的文本，按快捷键）
下划线：Ctrl+U（选中要加下划线的文本，按快捷键）
删除线：Alt+Shift+5（选中要加删除线的文本，按快捷键）
代码片段：Ctrl+Shift+`（选中要设置为代码片段的文本，按快捷键）
代码块：Ctrl+Shift+K（任意位置按快捷键，选择编程语言然后在代码块中输入代码）
切换到下一行：Ctrl+Enter（任意位置按快捷键，在代码块中可以跳出代码块另起一行）
链接：Ctrl+K（先复制链接，然后选中要加链接的文本，按快捷键。Ctrl+左键点击文本可跳转到对应链接）
取消格式：再次按相同的快捷 ...
记不住的jQuery1.特效片1.动画提示 显示0.5秒然后隐藏1$("#danger").fadeIn(500).delay(1000).fadeOut(500);
2.选择篇1.设置多选框能单选1234567891011121314151617//设置多选按钮能够单选$(":checkbox").each(function(){ var btn = $("#delbtn"); $(this).click(function () { if ($(this).is(":checked")) { //$('#cb').prop('checked') 一样的效果 $(":checkbox").each(function () { $(this).prop(" ...
