![](https://img-blog.csdnimg.cn/20201104221534316.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML
对于后端程序员来说,前端知识如同点金手,虽然可以不出,但是出点金的发育速度有多快应该不需多说了吧?
Aeroblaze
这个作者很懒,什么都没留下…
展开
-
移动端适配
文章目录媒体查询rem单位less变量嵌套媒体查询当屏幕的宽度发生变化时,网页会获得不同的样式,实现不同的样式显示语法:/*mediatype 查询类型:-----------------all 所有设备print 用于打印机和打印预览screen 用于电脑屏幕,平板电脑,智能手机等。条件: ----and 并且 not 不满足 only 仅仅满足 media feature 查询条件:----------------------width,min-with,max-width原创 2020-10-23 22:52:45 · 112 阅读 · 0 评论 -
移动端布局
文章目录概述viewport视口2倍图移动端常见布局概述当前移动端的现状:主流手机浏览器的内核是Webkit,而移动端布局面临的主要问题在于手机分辨率碎片化太多,仅安卓手机的屏幕分辨率的类型数不胜数viewport视口视口:浏览器显示页面的屏幕区域;pc端的网页在手机上显示效果不友好,而其原因是viewport没有设置好meta标签设置:<meta name="viewport" content="width=device-width, user-scalable=no, init原创 2020-10-23 22:11:50 · 80 阅读 · 0 评论 -
jQuery基础
文章目录概述概述jQuery是一个JavaScript的库,里面封装了很多已经实现的CSS内容,大大提高了开发效率如果要使用jQuery,需要在html文件里进行导入原创 2020-10-23 16:56:29 · 200 阅读 · 0 评论 -
JS正则表达式
文章目录正则匹配与搜索修饰符正则替换与分割正则匹配与搜索正则匹配:var str = "asdasd123123rr66";console.log(str.match(/[0-9]+/)); //1var pat = new RegExp("[0-9]+");console.log(str.match(pat)); //2console.log(pat.exec(str)); //3console.log(str.match(/[0-9]+/g)); //4上述1,2,3条语句在控制原创 2020-10-21 22:05:48 · 63 阅读 · 0 评论 -
JavaScript事件处理
文章目录获取事件源对象获取事件源对象在HTML标签上绑定事件有两种方式,在HTML标签上写onclick事件,或在<script></script>内获取标签再执行相应函数,这两种绑定方式在获取事件源对象的操作是不同的在<script></script>内获取标签的方式,此时this关键字代表当前事件源对象,而在标签上绑定事件时,此时this关键字不代表事件源对象,代表的是上一级窗口要获取事件源对象,只能在标签声明时传入this再在函数里进行获取原创 2020-10-21 14:48:54 · 65 阅读 · 0 评论 -
JavaScript内置对象
文章目录对象的定义对象的定义原创 2020-10-20 15:12:40 · 67 阅读 · 0 评论 -
JavaScript基础
文章目录概述基础语法变量与数据类型数据类型转换运算符forin函数概述JavaScript与Java没有什么关系,JavaScript是嵌入HTML执行的脚本语言,它是解释型语言JS是弱类型基于对象的,它对变量的定义没有C和Java严格,类似Python基础语法JavaScript没有打印或者输出的函数,如果要显示数据可以通过以下的语句来实现window.alert()弹出windows警告框document.write()将内容写到HTML文档之中innerHTML写入到HTML元素(原创 2020-10-17 16:04:37 · 992 阅读 · 4 评论 -
网页设计布局
文章目录DIV+CSS网页布局HTML5+CSS3布局响应式布局DIV+CSS网页布局传统的DIV标签+CSS样式修饰的网页布局,用DIV标签将网页上需要设计的模块分开嵌套,再在CSS里分开进行修饰,该布局的好处是:便于维护,网页打开速度还原HTML5+CSS3布局HTML5使用大量的语义化标签来代替传统布局中无意义的DIV标签,大大提高了网页的质量对搜索引擎十分友好,并且减少了以前CSS对class属性的使用响应式布局<style type="text/css">原创 2020-10-17 09:38:14 · 144 阅读 · 0 评论 -
CSS基础
文章目录CSS常用选择器CSS常用选择器HTML选择器li{color: blue;}将html标签作为选择器类选择器.a{color: gray;}将html标签中定义的属性类名作为选择器,格式为.+类名id选择器#uid{color: black;}将html标签中定义的属性id作为选择器,格式为#+id名关联选择器ol li{color: brown;}类似html选择器,但是加上了限定,用空格隔开,含义为有序列表ol下的li标签按此样式修饰选择器组h1,h2,h3,h4{c原创 2020-10-16 22:04:54 · 98 阅读 · 0 评论 -
HTML基础
文章目录基本格式文本标签基本格式<!DOCTYPE html><html> <head> </head> <body> </body></html>文本标签常用标签<hn>...</hn> 其中n为1--6的值。 标题标签(加粗、独⽴⾏)<i>...</i> 斜体<em>...</em> 强调斜体<b>原创 2020-10-14 15:27:41 · 111 阅读 · 0 评论