html
mr.ocean
持以进步,恒以为功
展开
-
十六倍数看视视频,无需会员,两行代码解决
快速看视频,无需会员原创 2022-10-15 18:16:17 · 11959 阅读 · 0 评论 -
JS中的防抖与节流
JS中的防抖与节流原创 2022-09-20 18:43:12 · 457 阅读 · 0 评论 -
利用JS实现完整轮播图
代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>完整轮播图</title> <style> * { margin: 0; padding: 0; list-style: none; bo原创 2020-06-12 20:57:19 · 259 阅读 · 0 评论 -
前端学习笔记:CSS3动画
css3圆角、rgbacss3圆角设置某一个角的圆角,比如设置左上角的圆角:border-top-left-radius:30px 60px;同时分别设置四个角border-radius:30px 60px 120px 150px;设置四个圆角相同:border-radius: 50%;举例:源代码如下<!DOCTYPE html><html lang...原创 2020-04-22 11:14:39 · 223 阅读 · 0 评论 -
css之重置样式
在我们进行开发过程中, 可能会使用到一些自行带有样式的标签,那么为了更加方便的进行项目开发,我们可以重制这些标签中的样式,下面我们只需要在css文件夹中新建一个reset.css的文件,然后写入以下代码/* 将标签默认的间距设为0 */body,p,h1,h2,h3,h4,h5,h6,form,input,dl,dt,ul{ margin: 0; padding: 0;}/* 去掉...原创 2020-04-20 17:46:23 · 611 阅读 · 0 评论 -
前端学习笔记(五)元素定位和background属性
定位文档流 文档流,是指盒子按照html标签编写的顺序一次从上到下,从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置关于定位我们可以使用css中的position属性来设置元素的定位类型,position的设置项如下:relative:生成相对定位元素,元素所占据的文档流的位置保留,元素本身相对自...原创 2020-03-31 18:00:49 · 278 阅读 · 0 评论 -
前端学习笔记(四)CSS盒模型
关于前面的前端学习前端学习笔记一前端学习笔记二前端学习笔记三margin相关技巧1.设置元素水平居中:margin:x auto;2.margin负值让元素位移及边框合并边距合并外边距合并指的时,当两个垂直外边距相遇是,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。解决方案如下:1 使用这种特性2 设置一边的外边距, 一般设置mar...原创 2020-03-27 00:29:37 · 234 阅读 · 0 评论 -
前端学习(三): CSS选择器
为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,css由此思想而诞生,css是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表,有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁。css基本语法及页面结构css基本语...原创 2020-03-24 20:39:54 · 270 阅读 · 0 评论 -
前端学习笔记:HTML学习(二)
html表格标签1.table标签:声明一个表格,它的常用属性如下:border属性 定义表格的边框 设置值是数值cellpadding属性 定义单元格内容与边框的距离,设置值是数值cellspacing属性 定义单元格内容与单元格之间的距离,设置值是数值align属性 设置整体表格相对于浏览器窗口水平的对齐方式,设置值有:left|center|righttr标签:定义表格中的...原创 2020-03-23 19:53:28 · 158 阅读 · 0 评论 -
前端学习笔记: HTML学习(一)
HTML网页结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定义列表</title></head><body></body></html>第一行是文档声...原创 2020-03-22 17:09:08 · 358 阅读 · 0 评论