JL_xcly的博客

原创 0034-网格布局

原创 0033-3D

原创 0032-关键帧动画

原创 0031-2D属性

原创 0030-过渡

原创 0029-渐变

原创 0028-响应式布局

原创 0027-多列布局

原创 0026-怪异盒模型

原创 0025-字体

原创 0024-阴影

文本阴影 多阴影设置直接在后面加逗号隔开继续写。 盒子阴影

原创 0023-CSS3选择器

CSS3介绍 CSS3选择器 E>F 父子 E+F 紧挨着的亲兄弟 E~F 后面的所有亲兄弟 X：nth-child(n):第几个，偶数2n(even)，奇数2n+1,2n-1(odd) 可以用于点击描点显示相应元素，类手风琴样式。

原创 0022-H5新增

#H5新增音频，视频标签 增强表单 1.input属性 2.数据列表 3.属性

原创 0021-表单补充

输入框(input) 样式 input { width: 100%; } 以上实例中设置了所有 元素的宽度为 100%，如果你只想设置指定类型的输入框可以使用以下属性选择器： input[type=text] - 选取文本输入框 input[type=password] - 选择密码的输入框 input[type=number] - 选择数字的输入框 输入框填充 使用 padding 属性可以在输入框中添加内边距。 input[type=text] { width: 100%; padding: 12px

原创 0020-宽高自适应

原创 0019-定位

原创 0018-元素显示类型

原创 0017-溢出属性

原创 0016-盒子模型

1.盒子模型 盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间，即都包含边框、边界、补白、内容区，这就是盒模型。 2.Padding属性 1、padding的使用方法（内间距）当分析一个缝隙相对于当前容器来说是里面的时候，就用padding。 填充：padding,在设定页面中一个元素内容到元素的边缘(边框) 之间的距离。 也称补白。 用法： 1）用来调整内容在容器中的位置关系 2）padding值是额外加在元素原有大小之上的，

原创 0015-浮动属性

浮动属性 个数 属性 描述 说明 1 float float：left； 元素靠左边浮动 2 float float：right； 元素靠右边浮动 3 float float：none； 元素不浮动 浮动的作用1 定义网页中其他文本如何环绕该元素显示 浮动的作用2 让竖着的东西横过来 正常的文档流都是独占一行，竖向排列的 当一个元素不再在文档流中占据空间， 而是漂浮在文档流的上方的时候 叫做脱离文档流 1、浮动会脱离网页文档，与其他不浮动的元素发生重叠 2、但是不会与文字发生

原创 0014-背景属性

个数 属性 描述 说明 1 background-color 背景颜色 background-color：red； 2 background-image 背景图片 background-image:url(); 3 background-repeat 背景图片的平铺 background-repeat:no-repeat/repeat/repeat-x/repeat-y； 4 background-position 背景图片的定位 background-position：水平位置 ..

原创 0013-列表属性

个数 属性 描述 说明 1 list-style-type 定义列表符合样式 list-style-type:disc(实心圆)/circle(空心圆)/square(实心方块)/none(去掉符号) 2 list-style-image 将图片设置为列表符合样式 list-style-image:url(); 3 list-style-position 设置列表项标记的放置位置。 list-style-position：outside；列表的外面 默认值 list-style-posit..

原创 0012-文本属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>15-

原创 0011-选择器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>14-

原创 0010-css

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>13-

原创 0009-表单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>12-

原创 0008-table表格

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>11-

原创 0007-超链接

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>10-

原创 0006-图片标签

图片标签的路径 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl

原创 0005-列表

列表-有序列表 无序列表 无序列表 无序列表 无序列表 有序列表（type类型1，a，A，i，I。start第几个开始，取值只能是数字。） 有序列表 有序列表 有序列表 自定义列表 可以是文字也可以是图 相关文字 <!DOCTYPE html...

原创 0004-div和span标签

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>div

原创 0003-特殊符号

尖角号 &lt;左尖角号 &gt;右尖角号 &lt; hr noshade /&gt; 空格 &nbsp;该空格占据宽度受字体影响明显而强烈。 &emsp;占据的宽度正好是1个中文宽度，且基本上不受字体影响。 版权 &copy; © 商标 &trade; ™ &reg; ® 表情 &#128512; ...

原创 0002-hr

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>不一样

原创 0001-标签

<!DOCTYPE html> <!-- 特殊且固定的文档 固定标签 --> <html lang="en"> <!-- 告诉浏览器，我们以下写的代码是什么语言，对搜索引擎优化和浏览器有用“en”英文，“zh-CN”中文,"ja-jp"日文 --> <head> <meta charset="UTF-8"> <!-- 字符集 --> <meta http-equiv="X-UA-Compatible"

原创 Mysql数据库入门

一、数据库的好处 1、可以持久化数据到本地。 2、结构化查询。 二、数据库的常见概念 ★ 三个重要术语 1、DB（database）：数据库，存储数据的容器，它保存了一系列有组织的数据。 2、DBMS（Database Management System）：数据库管理系统，又称为数据库软件或数据库产品，用于创建或管理DB。 3、SQL（Structure Query Languag e）：结构化查询语言，用于和数据库通信的语言，不是某个数据库软件特有的，而是几乎所有的主流数据库软件通用的语言。 三、数据库存

原创 【C语言】指针与数组

指针和数组 如果用一个指针指向数组 char *p; p=a;//语句1 p&a[0];//语句2 只需要用指针指向数组的第一个元素的地址即可，接下来进行指针的运算达到操作数组的目的。 当指针指向数组元素的时候，我们可以对指针变量进行加减运算，这样做的意义相当于指向距离指针所在位置向前或向后的第n个元素。 #include<stdio.h> #include<stdlib.h> #include<string.h> int main() { char

原创 【C语言】指针

指针，他来了他来了。 指针和指针变量 定义指针变量 类型名 *指针变量名 例：int *p；//定义一个指向整型的指针变量 取地址运算符和取值运算符 如果需要获取某个变量的地址，可以使用取地址运算符（&）： 例：int *p=&f； 如果需要访问指针变量指向的数据，可以使用取值运算符（*） 例：ptintf("%c,%d\n",*p); #include<stdio.h> #include<stdlib.h> #include<string.h>

原创 【C语言】二维数组

二维数组的定义 类型 数组名 [常量表达式][常量表达式] 例： int a[6][6]; //6*6,6行6列 二维数组的访问 数组名[下标][下标] 例：a[0][0]; //访问a数组中第一行第一列的元素 需要注意下标的取值范围，以防止数组的越界访问。 二维数组的初始化 由于二维数组的在内存中是线性存放的，因此可以将所有的数据写在一个花括号内： 例：int a[3][4]={1,2,3,4,5,6,7,8,9,10,11,12}; 为了更直观地表示元素的分布，可以用大括号将每一行的元

原创 【C语言】字符数组

字符串常量： “你好”，“hello word” 字符串数组： int main{ //初始化字符数组的每个元素 char str1[10]={‘H’，‘e’，‘l’，‘l’，‘o’，‘\0’}； //可以不写元素的个数，因为编译器会自动计算 char str2[]={‘H’，‘e’，‘l’，‘l’，‘o’，‘\0’}； //使用字符串常量初始化字符数组 char str3[]={”Hello“}； //使用字符串常量初始化，可以省略大括号 char str4[]=”Hello“； } 字符串处理函数 st

原创 【C语言】数组

数组的定义 类型 数组名[元素个数] int a[6]；——46字节 char b[24];——124字节 double c[3];——8*3字节 访问数组中的元素 数组名[下标] a[0];//访问a数组中的第一个元素 b[1];//访问b数组中的第二个元素 c[5];//访问c数组中的第六个元素 【注】 int a[5];//创建一个具有五个元素的数组 a[0];//访问第一个元素的下标是0，不是1 a[5];//报错，因为第五个元素的下标是a[4] 循环跟数组的关系 实现一个执行10次的循环，我们通常