- 博客(37)
- 收藏
- 关注
原创 JavaScript时间对象
方法作用说明getFullYear()获取年份四位年份getMonth()获取月份取值为 0 ~ 11getDate()获取天数不同月份取值也不相同getDay()获取星期取值为 0 ~ 6getHours()获取小时取值为 0 ~ 23getMinutes()获取分钟取值为 0 ~ 59getSeconds()获取秒取值为 0 ~ 59toLocaleString()获取完整时间2023/8/27 17:54:
2023-08-27 17:58:32
168
原创 CSS初始化代码
在制作网页时基础需要将一些标签初始化,例如去掉默认内外边距、去掉列表的标签等等。一般在布局网页之前会先新建base.css样式表方便以后引用,这样做可以减少重复代码。
2023-07-08 18:45:42
276
原创 CSS之修饰属性
之前我们学过background-color的rgba的透明度设置,这个设置只能让背景透明。而obacity却可以让背景和内容都透明。
2023-07-07 17:32:44
113
原创 CSS之垂直对齐方式vertical-align
有时候我们会遇到图片和文字并排,但是图片靠上而文字靠下摆放布局混乱。因为浏览器将行内块和行内标签都当做文字处理,所有文字默认都按基线(baseline)对齐,图片底下有留白导致不整齐。因此我们引入vertical-align用于解决图片文字垂直方向的摆放方式。
2023-07-07 10:16:10
797
原创 CSS字体图标
展示的是图片,本质是字体。给网页添加颜色简单且单一的小图标。优点:可灵活修改图标大小和颜色,因为图标本质是字体,字体可以修改图标也可修改;体积小、渲染快,提升服务器请求速度;所有主流浏览器都可使用。精灵图颜色多样和结构复杂字体图标颜色单一结构简单。
2023-07-06 22:56:08
1510
原创 CSS之定位position
想要制作一个好看的网页,定位能够起到关键作用。像上图底下的小圆点和两侧的按钮必须要利用定位才能实现。标准流:行内标签一行显示,块级标签换行显示。浮动:让标签在一行显示。flex:完成标签左右一行上下垂直显示的结构化布局。这三种布局都无法实现上图效果,因此下面详细介绍定位的作用及用法。
2023-07-06 16:04:46
203
原创 实战经验(1)——头部导航栏制作技巧
一般网页logo不只是一个图片那么简单,它可以给用户提供网页跳转到首页的功能,更重要的是搜索引擎优化让百度搜索名更靠前。搜索框是一个供用户输入的表单框,需要用到input标签,至于搜索按钮就是一个背景图可用a标签或button标签制作。用户头像包含图片和文字,点击头像或文字都可以跳转到相应页面。导航栏其实就是几个超链接,目的就是为了跳转页面。
2023-07-03 21:56:05
5889
3
原创 CSS之flex布局
和浮动一样都用于网页布局,但flex比浮动要更强大。flex不会产生脱标现象,布局网页更灵活、更简单(推荐使用)。弹性容器+弹性盒子+主轴+侧轴。
2023-06-30 19:20:33
5353
原创 CSS之浮动
之前的文章有说到,现在的很多网页都不是按照默认的排列方式去布局网页,文档流已经不能满足网页布局详情。因此我们要使用更加高级的页面布局方式,常用的是浮动和flex布局。
2023-06-30 15:03:19
338
原创 CSS之标准流
文档流之所以会被淘汰,主要因为它存在很多问题,让布局效果变差以及增加开发难度。所以接下来了解一下文档流会出现哪些问题给开发带来哪些不变之处。文档流:也叫标准流,是标签在页面的默认排列规则。例如块级标签独占一行,行内标签一行显示。文档流里面的限制非常多,导致很多页面效果无法实现。块级标签和行内标签同时存在,文字内容跟随图片内容的底边进行对齐,导致两者高度上存在差异,页面效果极差。即使代码中输入了多个空格,但是在页面中只会呈现出一个。
2023-06-29 20:02:31
373
1
原创 CSS之圆角和阴影
在日常生活中我们可以看到很多主流网站都使用了圆角和阴影,目的是为了增加视觉效果,让看起来图片更饱满立体。很多网站的效果图都会设置阴影,这样子不仅显得更有层次而且还添加立体效果。日常生活中我们经常看到头像一般都设置成正圆形状,这样匀称且好看。很多时候我们可以看到许多按钮经常设置成胶囊形状。
2023-06-27 13:20:00
1248
原创 CSS之清除默认样式
很多HTML标签都是有默认样式,比如标题标签、p标签等。这些标签都有默认外边距。如果不想要默认样式,可以选择清除。有序列表和无序列表前都有自带的项目符号,如果不想要可以选择清除。
2023-06-26 11:44:24
2002
1
原创 CSS之box model 盒子模型
box model:盒子模型,用于封装HTML元素,在设计和布局时使用。盒子模型从内到外可以分成四个部分,分别是margin、padding、border、content。
2023-06-24 18:05:06
319
1
原创 CSS之背景
background-attachment:背景图片固定在页面某个位置,不会随着页面移动。和font属性一样,一般用于页面初始化。
2023-06-23 10:54:53
414
1
原创 HTML常用标签之表单form
表单在网页中主要负责数据采集功能。HTML中的标签,就是用于采集用户输入的信息,并且通过标签的提交操作,把采集到的信息提交到服务器端进行处理。
2023-06-21 14:02:33
11593
原创 HTML常用标签之表格table
表格由一对标签包裹,每一行由标签包裹,表头由标签包裹,行内容由标签包裹:表格默认没有边框,如果需要添加边框则需设置border,cellspacing="0"表示单元格之间距离为0
2023-06-20 23:11:25
2821
原创 HTML常用标签之标题、段落、换行和水平线标签
文字汇总了html常用的标签,分析了各类标签的使用特点,并演示代码给出运行截图,让读者更容易阅读理解。
2023-06-19 22:59:14
1200
空空如也
ssm登录注册有问题
2023-04-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人