Web
文章平均质量分 58
纵马且长歌
贪心过样例,暴力出奇迹,骗分最神奇,打表进省一
展开
-
轮播图效果实现
轮播图的基本样式代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>轮播图效果</title> <style> * { margin: 0; padding: 0; } a {...原创 2020-03-26 12:49:50 · 535 阅读 · 0 评论 -
前端学习笔记--JavaScript篇(四)2020.03.06
流程控制在程序运行过程中,各条各式代码的执行顺序对程序的结果是有直接影响的,很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。换句话说:流程控制就是来控制我们的代码按照什么样的结构顺序来执行的流程控制主要有三种结构:顺序、分支、循环结构顺序流程控制顺序结构是程序中最简单、最基本的流程控制,他没有特定的语法结构,程序会按照代码的先后顺序依次执行。分支流程...原创 2020-03-06 16:53:53 · 729 阅读 · 0 评论 -
前端学习笔记-JavaScript篇(一)2020.03.02
编程语言编程语言有很强的逻辑和行为能力。具有逻辑性和行为能力的指令,这是主动的。标记语言不用于向计算机发出指令,常用于格式化和链接。标记语言是用来被读取的,他是被动的。Javascript是什么---Javascript是世界流行语言之一,一种在客户端运行的脚本语言---脚本语言:不需要编译,运行过程中有由js解释器逐行进行解释并执行---现在也可以...原创 2020-03-02 22:35:44 · 418 阅读 · 0 评论 -
前端学习笔记(五)2020.03.02
CSS3盒子模型CSS3中可以通过box-sizing来指定盒子模型有两个值:content-box,border-box1.box-sizinf: content-box 盒子大小为width + padding +border(以前默认的)2.box-sizing: border-box 盒子大小为width如果盒子模型我们为了box-sizing: border-bo...原创 2020-03-02 21:15:15 · 372 阅读 · 0 评论 -
前端学习笔记(四)2020.02.29
溢出文本显示省略号--必须满足三个条件1.单行文本/*先强制一行内显示文本(默认normal自动换行)*/wihte-space:nowrap;/*2.超出部分隐藏*/overflow:hidden;/*3.文字用省略号替代超出部分*/text-overflow:ellipsis;2.多行文本多行文本溢出显示省略号,有较大的兼容性问题,适合于webkit浏...原创 2020-02-29 22:23:26 · 204 阅读 · 0 评论 -
前端学习笔记(三)2020.02.27
网页布局总结一个完整的网页=标准流+浮动+定位1.标准流可以让盒子上下排列或者左右排列,垂直的块级盒子显示就用标准流布局2.浮动可以让多个元素一行显示或者左右对齐盒子,多个块级盒子水平显示使用浮动3.定位定位最大特点是有层叠的概念,就是可以让多个盒子前后叠压来显示。定位作用于需要在父盒子中自由移动的布局方式display的显示与隐藏本质:让一...原创 2020-02-27 23:40:10 · 182 阅读 · 0 评论 -
前端学习笔记(二)2020.02.26
1.定位1.1 为什么需要定位定位解决标准流和浮动都无法快速实现的功能1.浮动可以让多个会计盒子一行没有缝隙,经常用于横向排列盒子2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子1.2定位组成定位:将盒子定在某一位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。定位=定位模式+边位移。定位模式用于指定...原创 2020-02-26 00:24:54 · 428 阅读 · 0 评论 -
前端学习笔记(一)2020.02.25
使用em标签的强调作用时:通过font-style: normal改变字体倾斜font属性简写需要遵循顺序Style weight size familya标签伪类选择器需要遵循顺序Link visied hover active标签的显示模式块级元素(h\p\dt)有长宽 独占一行 宽度默认为父级宽度 可以放行内元素和块级元素 Ps:...原创 2020-02-25 16:11:47 · 275 阅读 · 0 评论 -
CSS关于margin:0 auto;属性无法居中问题
1.首先设置成块级元素(display:block;),设置width:N px;2.该元素不能浮动3.display:table-cell;的设置会导致失效4.position:absolute;会导致此属性失效PS:自己在敲代码时,在网上查到的只有前3条,但自己犯的是第四条的错误,看了其他网页的源码后参考修改是position:absolute;的原因,会导致margin:0 auto;无法实...原创 2018-07-07 09:22:25 · 17743 阅读 · 1 评论 -
CSS3的探索之路一_(小玩意儿)
背景颜色渐变属性:标准语法:background:linear-gradient(direction,color-stop1,color-stop2,...);从上到下的渐变: background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient原创 2017-11-25 18:24:11 · 298 阅读 · 0 评论 -
CSS动画效果——transition之渐变方块
代码: sample ._box{ width: 300px; height: 100px; position: absolute; top: 100px; left: 50%; background-color: #eee; box-shadow: 1px 1px 2px #999; } ._box p{ text-原创 2017-09-09 12:50:53 · 986 阅读 · 0 评论 -
3d-导航栏制作(导航栏上下翻转)
嗯。。。将前段时间学的CSS 3d-翻转的导航栏代码传上来吧。 翻转导航栏 body{ margin: 0px; padding: 0px; } nav{ width: 980px; margin: 50px auto; background-color: #efefef; } nav:after{ display: bloc原创 2017-08-20 17:43:38 · 1716 阅读 · 0 评论 -
Javascript实现简单的下拉菜单
DaoHang_DownMenu function showMeYourMenu(li){ /*Javascript写的操作函数*/ var a=li.getElementsByTagName("ul")[0]; a.style.display="block"; } function hideYourMenu(li原创 2017-06-14 22:20:06 · 1416 阅读 · 0 评论 -
html+css简单下拉菜单制作
额,今天心血来潮做了个简单的下拉菜单,不过用的css操作的,啧!最终效果:原创 2017-06-14 00:04:37 · 32968 阅读 · 2 评论 -
网页常用色(链接)
链接:http://tool.chinaz.com/tools/use转载 2017-06-10 17:22:18 · 2748421 阅读 · 5 评论 -
Javascript触发事件列表
详细代码段网址:http://www.oschina.net/code/snippet_59519_2432转载 2017-06-10 15:09:02 · 345 阅读 · 0 评论 -
CSS中的margin border padding(转)
原博文地址:http://www.cnblogs.com/linjiqin/p/3556497.html图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域:内容(content)、内边距(padding)、边转载 2017-06-15 21:12:46 · 114 阅读 · 0 评论 -
html里制作简单导航栏
今天简单的做了一下网页里的导航栏。效果如下:代码: 实验3 ul{/*设置导航栏的框框*/ margin: 30px auto;/*框框整体的位置,30px是指离网页的顶部和下部的距离,auto控制的是左右距离为自动调节*/ width: 600px;/*框框的宽度*/ height: 350px;/*框框的长度*/ pad原创 2017-05-28 17:55:27 · 142604 阅读 · 8 评论