前端专栏
文章平均质量分 94
本节着重于介绍HTML CSS javascript等前端常用语言。
太一TT
编程小白
展开
-
五天JavaScript基础学习全家桶
它是一种运行在**客户端(浏览器)**的编程语言,实现人机交互效果。作用网页特效(监听用户的一些行为让网页作出对应的反馈)表单验证(针对表单数据的合法性进行判断)数据交互(获取后台的数据,渲染到前端)服务端编程(node.js)...原创 2022-08-01 19:50:58 · 339 阅读 · 0 评论 -
移动web开发基础
文章目录移动端基础移动端调试方法总结概述视口viewportlayout viewportvisual viewportideal viewportmeta视口标签移动端基础目前国内的手机浏览器内核都是经过Webkit修改过来的内核,国内尚无自主研发的内核,就像国内的操作系统都是基于Android修改开发的一样。兼容移动端主流浏览器,处理webKit内核浏览器即可。移动端调试方法Chrome DevTools(谷歌浏览器)的模拟手机调试搭建本地web服务器,手机和服务器一个局域网内,通过手机访问原创 2022-04-16 23:52:51 · 1560 阅读 · 8 评论 -
2D转换+动画+3D转换
二级转换转换(transform)可以理解为变形,可以实现元素的位移(translate),旋转(rotate),缩放(scale)。2D转换是改变标签在二维平面上的位置和形状的技术。二维坐标系:以x轴向右,y轴向下为正方向translate内容:改变元素在页面中的位置,类似于定位。优点:不会影响其他元素的位置transform:translate(x,y);transform:translate(100px,0);//x就是x轴上移动位置,y就是y轴上移动位置transform:tran原创 2022-04-15 15:13:11 · 412 阅读 · 0 评论 -
Html5+Css3新特性解读
HTML5新特性Html5新增语义化标签布局常用div来做,我们常用的div是没有语义的。为此新添入了语义化的标签。(1)这种语义化标签针对搜索引擎,可以使用多次。(2)在IE9中,需要把这些元素转换为块级元素。(3)移动端更加喜欢这种标签。音频标签尽量选择MP3格式语法:<audio src="文件地址" controls="controls"></audio>视频标签尽量选择MP4文件语法:<video src="文件地址" contro原创 2022-04-13 16:21:38 · 413 阅读 · 0 评论 -
前端css高级特性理解
文章目录精灵图使用核心缺点字体图标iconfontCSS三角CSS用户界面样式鼠标样式cursor轮廓线outline防止拖拽文本域resizevertical-align属性的应用解决图片底部默认空白缝隙问题溢出的文字用省略号显示单行文字溢出显示省略号多行文本溢出显示省略号常见布局技巧margin负值的应用文字围绕浮动元素行内块运用CSS三角强化精灵图浏览器通过发送请求给服务器,服务器接受请求后返回请求界面。一个网页往往会应用很多小背景图作为修饰,当网页中的图像过多时,服务器就会频繁的接收和发送请求图原创 2022-04-13 09:19:56 · 396 阅读 · 0 评论 -
web前端+HTML5+CSS3学习笔记
在接触前端一段时间之后,对开发网页和小程序也产生了一定兴趣。这篇万字markdown语法的文章也将这段时间的前端学习知识进行汇总,欢迎大家来拾遗补漏。新年新气象嘛,这篇文章同时也规划以下今后五个月的学习目标。大家一起进步哦!原创 2022-01-06 20:40:47 · 1054 阅读 · 0 评论 -
CSS深入理解
文章目录CSS盒子模型CSS盒子模型作用:进行网页布局。网页中的每一个标签,都可以看成是一个盒子。并且浏览器在渲染网页的时候,会把网页中的元素看成是一个个矩形的区域。内容:每个盒子包括内容区域(content),内边距区域(padding),边框区域(border),外边距区域(margin)。1.边框线 == 纸箱子 。内边距 == 填充泡沫(出现在盒子的内容和盒子边缘之间)。外边距 == 出现在俩个盒子之间,也就是盒子的外面。2.内容的宽度和高度:width/height(取值:数字+p原创 2022-01-11 20:54:22 · 523 阅读 · 0 评论