笔记
文章平均质量分 73
前端小奈
这个作者很懒,什么都没留下…
展开
-
typescript
typescript初识原创 2022-09-12 19:34:59 · 263 阅读 · 1 评论 -
第一次培训博客
入门第一个网页下载vscode -> 新建文件(提醒最好用英文) ->下载插件(用于生成HTML代码片段等功能) -> ! + enter/tab(生成模板) -> 敲代码 -> 打开网页(alt + b/鼠标右键点击open in brower)小知识概念:li*10+回车生成十个li标签lorem*num生成num行文字用来平常写demo测试注释:ctrl+/添加再按一次取消,注释不参与运行,就是为代码阅读者提供帮助的,要养成习惯元素:原创 2021-10-16 21:34:26 · 124 阅读 · 0 评论 -
css position定位
css position定位为什么需要定位定位可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子,一开始是为了实现文字环绕效果而浮动可以让多级块级盒子一行没有缝隙排列显示,经常用于横向排列盒子需要知道的知识点标准流:页面里显示的bai顺序和代码里的顺序一致边偏移left,right,top,bottom静态定位(static)静态定位是元素的默认定位,无定位相对定位(relative)特点相对于元素本身原来的位置移动原来的位置保留,后面的盒子仍然以标原创 2021-02-12 17:37:29 · 108 阅读 · 0 评论 -
javascript BOM
javascript BOMbom简介BOM是浏览器对象模型学完DOM,你有没有觉得BOM与DOM应该会有什么联系呢,没错,我们先来看一看DOM与BOM的定义吧DOM文档对象模型,DOM就是把文档当做一个对象来看待,DOM的顶级对象是document,DOM主要学习的是操作页面元素BOM浏览器对象模型,把浏览器当做一个对象来看待,BOM的顶级对象是window,BOM主要学习的是浏览器窗口交互的一些现象是不是可以看出联系BOM比DOM更大DOM包含在BOM里面(window:win原创 2021-02-09 21:10:55 · 195 阅读 · 0 评论 -
rem适配布局
rem适配布局rem是一个相对单位,相对于html字体元素大小rem可以通过html字体大小来实现整体控制媒体查询语法规范mediatype媒体类型all用于所有设备screen用于电脑屏幕,平板电脑,智能手机print用于打印机和打印预览and not only关键字and将媒体类型与多个媒体特性连接在一起not排除某个媒体类型(可以省略)only只定义某个媒体类型(可以忽略)media feature媒体特性widthmin-width最小宽度max-width原创 2021-02-06 16:51:28 · 162 阅读 · 1 评论 -
javascript初识
javaScriptjavaScript的初识javascript解释:是一种脚本语言,通过js引擎对js代码逐行解释javascript作用:表单动态检测网页特效服务端开发桌面程序apphtml,css,js的关系:html和css是描述类语言,js是编程类语言。html可以看作身体,css是着装,而js是动作javascript的组成,ECMAScript:javascript语法,DOM:页面文档对象模型,BOM:浏览器对象模型。这里我们只有ECMAScript内容java原创 2021-01-31 20:59:02 · 140 阅读 · 0 评论 -
javascript DOM
javascript DOM这里写目录标题javascript DOM什么是事件什么是DOM获取元素操作元素节点操作事件操作DOM事件流DOM事件流什么是事件html事件就是发生在html元素上的事情下面是一些常见的html事件onclick:用户点击了html元素onmouseover:用户把鼠标移动到html元素上onmouseout:用户把鼠标移开html元素onkeydown:用户按下键盘按键onload:浏览器已完成页面加载onchang;html元素已被改变onfocus:原创 2021-02-04 21:59:27 · 184 阅读 · 2 评论 -
css flex布局
一,flex布局原理什么是flex布局flex弹性布局,用来为盒装模型提供最大灵活性,任何一个容器都可以指定flex布局注意事项因为flex布局pc端浏览器支持情况较差。所以如果是pc端页面布局建议使用float,position布局,如果是移动端或者不考虑兼容性问题的pc端页面布局,建议用flex布局在父级元素设置为flex布局后,子元素的float,clear,vertical-align属性将失效容器二,flex基础概念容器:采用flex布局的元素,父级元素项目:在flex布局中原创 2021-01-30 14:17:36 · 207 阅读 · 1 评论 -
css3
css3+HTML5css3边框border-radius创建圆角边框box-shadow向矩形添加阴影border-image使用图片描绘边框,IE浏览器不支持使用了解就好css3背景background-size,这个属性规定背景图片的尺寸,可以用像素或者百分比规定尺寸,注意:如果用百分比规定属性相对的是父级元素的高度和宽度background-origin属性规定背景图片的定位区域,背景图片可以放置在content-box,padding-box,border-box.原创 2021-01-29 18:12:02 · 118 阅读 · 1 评论 -
css
csscss背景background背景background-color背景颜色,背景颜色没有继承,默认值为transparent.background-image背景图像,如果需要设置一个背景图像,必须为这个属性设置一个url值background-position背景位置,可以使用关键字或者百分比像素,关键字有center,top,bottom,left,right,如果有两个关键字就是先水平后垂直百分比也是一样background-attachment背景关联,默认是scoll(原创 2021-01-24 17:34:48 · 105 阅读 · 0 评论 -
Html回顾
Html回顾基础知识点Html的标题标签是由h1~h5展示的Html的段落是由p来定义的Html的链接由a来定义的Html的图像由img来定义的换行定义水平线Html文本格式化文本格式化标签加粗变大强调倾斜变小下上插入删除计算机输出标签计算机代码键盘计算机代码样本打字机代码变量定义预格式文本保留空格与换行引用与术语定义[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7Y4xF6dA-1611367890017)(file:///C:\Users原创 2021-01-23 10:12:06 · 135 阅读 · 0 评论