- 博客(27)
- 收藏
- 关注
原创 网站TDK三大标签SEO优化,常用模块命名355
网站TDK三大标签SEO优化1.title网站标题2.description网站说明3.keyword关键字常用模块命名
2020-08-19 16:13:14
182
原创 CSS3新增伪类选择器,选项案例,优化后土豆案例,CSS3盒子模型border-box,滤镜filter、calc函数,过渡属性,进度条案例296
CSS3新增伪类选择器 /* 必须要有content属性 */ div::before{ content: '前'; } div::after{ content: '后'; }选项案例 <style> @font-face { font-family: "icomoon"; src: url("fonts/ico
2020-07-24 17:11:02
259
原创 CSS初始化代码示例,HTML5新特性,新增input类型,新增表单属性,CSS3新特性,属性选择器和结构伪类选择器285
CSS初始化京东初始化代码*{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}img{border:0;vertical-align:middle}button{cursor:pointer}a{color:#666;text-decoration:none}a:hover{color:#c81623}button,input{font-family:Microsoft YaHei,Heiti SC,tahoma,ar
2020-07-23 16:39:43
327
原创 文字和图片垂直居中(vertical-align),图片空白缝隙,文字溢出省略号显示, 底部选择栏案例,三角符号、斜杠盒子案例272
文字和图片垂直居中(vertical-align)解决图片空白缝隙方法:1.vertical-align2.把图片转换为dispay:block文字溢出省略号显示1.单行文本溢出省略号显示 <style> div{ width: 100px; height: 50px; background-color: pink; margin: 100px auto;
2020-07-22 17:01:09
258
原创 CSS精灵图,引用icomoon字体,三角边框案例,鼠标样式、表单样式262
精灵图拼写名字案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> span{
2020-07-21 16:47:47
180
原创 CSS定位叠放次序z-index,盒子居中算法,淘宝焦点图、土豆视频案例249
定位叠放次序(z-index)绝对定位盒子居中算法 .box{ position: absolute; left: 50%; margin-left: -100px; top: 50%; margin-top: -s100px; width: 200px; height: 200px; backg
2020-07-20 16:26:13
220
原创 CSS静态定位,相对定位,绝对定位,固定定位,粘性定位233
CSS定位定位模式:边偏移:静态定位(了解):相对定位(重要): .box1{ position: relative; top: 50px; bottom: 50px; left: 50px; right: 50px; width: 100px; height: 100px; back
2020-07-18 16:45:31
227
原创 CSS清除浮动的几类方法和书写顺序,PS基本切图方法196
清除浮动1.额外标签法(不常用)新增的盒子必须是块级元素 .clear{ clear: both; }2.父级添加overflow overflow: hidden;3.父级添加after(常用)4.父级添加双伪元素PS切图1.图层切图2.切片切图CSS的书写顺序...
2020-07-14 16:46:14
91
原创 CSS圆角边框,浮动(float)案例,常见网页布局181
圆角边框圆形设置方法:设置为高度和宽度的一半 <style> div{ width: 100px; height: 100px; background-color: pink; border-radius: 50%; } </style>圆角矩形设置方法:设置为高度的一半 div{ width: 200px; height: 100px; background-
2020-07-13 16:55:03
421
原创 CSS外边距margin,小米广告、品优购案例165
盒子外边距margin使用方法与内边距padding类似水平居中方法盒子行内元素和行内块元素居中方法居中综合案例 <style> .header{ width: 200px; height: 200px; background-color:pink; margin: 20px auto; text-align: center; } </style>
2020-07-11 17:24:15
163
原创 CSS背景案例,三大特性,盒子边框内边距149
1.背景图像固定 background-attachment: fixed;2.背景复合写法 background: pink url() no-repeat fixed top;3.背景颜色半透明 background: rgba(255, 0, 0, 0.3);五彩导航小案例<style> .nav a{ display: inline-block; width: 120px; height:
2020-07-10 16:27:27
205
原创 css 侧边栏和背景案例20200709
小米侧边栏案例<style> a{ display: block; width: 225px; height: 40px; background-color: #8e89a3; font-size: 14px; color: #ffffff; text-decoration: none; /* 首行缩进2em */ text-indent: 2em; } a:ho
2020-07-09 16:51:03
201
原创 css快速生成格式和元素显示模式20200707
快速生产HTML5格式1.直接输入标签名生成。2.生成多个标签:标签名*数字 p*33.如果有父子关系,则用> ul>li4.兄弟关系用+号div+span5.快速生成名称 <!-- 点号是class,#号是id ,$是递增标签--> .name <div class="name"></div> #id <div id="id"></div&
2020-07-09 08:24:17
154
原创 CSS基本语法20200526
基本语法: <style> /* 选择器{样式} */ /* 给谁改样式{改什么样的样式} */ p{ color: red; /* font-size是字体大小,px为像素 */ font-size: 20px; }...
2020-05-26 15:09:28
132
原创 HTML表格标签和列表标签20200424
表格标签基本语法 <table> <tr> <td>单元格1</td> <td>单元格2</td> </tr> <tr> <td>单元格3</td>...
2020-04-24 15:42:19
152
原创 HTML各种标签20200423
HTML基本结构标签新建基本骨架:!+回车vscode安装插件:open in browser,auto rename tag(自动修改标签),css peek,atom one dark(代码颜色)固定标签1.采用HTML5浏览器 <!DOCTYPE html >2.网页采用语言:en是英文,zh-CN是中文<html lang="en">3.文...
2020-04-23 15:52:47
156
原创 DOM基础学习20200422
DOM:文档对象模型(Document Object Model)DOM树获取元素1.根据ID获取document.getElementById('time')//1.id严格区分大小写//2.返回的是元素对象 console.dir(time);//打印返回的元素对象,可以查看里面的属性方法2.根据标签名获取<ur> <li>知否知否<...
2020-04-23 13:16:20
166
原创 JS内置对象和数据类型20200420
查文档查文档学习不同对象,在mdn中查math对象不是构造函数,不用new可以直接使用圆周率:Math.PI绝对值:Math.abs()向下取整:Math.floor()向上取整:Math.ceil()四舍五入(数字.5会往大取整):Math.round()随机数:Math.random(),随机数的范围:[0,1) 前闭后开使用方法:math.random()1到10取整:...
2020-04-21 15:42:35
148
原创 JS作用域20200419
全局作用域整个script标签里的,或是一个单独的js文件全局变量(占用内存)在全局都可以使用的变量1.在全局作用域下的变量2.在函数中未声明的变量局部作用域代码的名字只在函数内部起作用的,也叫函数作用域局部变量(节约内存)只能在函数内使用,函数的形参也是局部变量,程序执行完毕就会销毁。块级作用域(js没有,在es6中才有)作用域链采用链式查找(就近原则)的方式来确定值...
2020-04-19 14:17:54
74
原创 js函数20200417
模式1,声明方式1:function getSun(num1,num2){ return re;}方式2:var 变量名=function(){};2.调用getsun();注意1.return后面的函数不会被执行2.如果没有return就返回undefined加粗样式argument对象中存储了所有传递的实参,并且是一个伪数组。只有函数才有argu...
2020-04-17 15:21:12
107
原创 js冒泡排序20200417
var arr1=[1,3,2,4,5,7,4,8],temp=0;for(var i=0;i<=arr1.length-1;i++)//每个数需要交换的趟数{ for(var j=0;j<=arr1.length-i-1;j++)//每一趟需要交换的次数 { if(arr1[j]<arr1[j+1]) { ...
2020-04-17 14:03:21
65
原创 JS学习记录20200415
判断等于: == ( 不分类型)判断等于: === (分类型)条件表达式:条件表达式?表达式1:表达式2 ,如果为真返回表达式1,假返回2断点:在网页中打开f12,在source中。打印星星案例:追加字符串...
2020-04-17 13:59:17
65
原创 JS数据类型记录20200414
js数据类型不确定,可以跟随赋值的类型确定八进制:0开头十六进制:0x开头(0~9,A ~F)无穷大:infinity判断是不是 非数字:isNaN字符串长度:str.length获取数据类型:typeof类型转换转换为string转换:A.tostring()强转:string()隐式转换:类型+字符串转换为numstring转为int:parseINT(),转为整数...
2020-04-14 18:34:17
80
原创 JS学习记录1
快速生成初始html代码:!+tabhtml中的注释快捷键:单行:Ctrl+/ 多行:shift+alt+AJS类型1.行内式(在body里面)<body> <!-- 1.行内式 --> <input type="button" value="确认" onclick="alert('错误')" > </body>2.内...
2020-04-13 16:56:04
63
原创 小黄衫获得感想
小黄衫获得感想 我的感想 这次能获得小黄衫首先要感谢邹老师赞助的小黄衫,当然也十分感谢肖老师在课上的耐心教导和助教同学对我们的批改点评作业的工作。 我觉得这次我能够获得小黄衫很是很意外的,因为在班上有很多同学的编程能力都是比我强太多,我在写代码的时候有很多都是请教的同学和在CSDN上借鉴的,所以我觉得我还是很有愧于这件小黄衫的。不过小黄衫并不代表什么,它只是对我们学习的一种激...
2019-10-22 21:56:17
160
原创 阅读与准备作业
阅读与准备作业格式描述这个作业属于哪个课程https://edu.cnblogs.com/campus/xnsy/GeographicInformationScience/这个作业要求在哪里https://edu.cnblogs.com/campus/xnsy/GeographicInformationScience/homework/4518我在这个课程的目...
2019-10-07 19:59:04
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人