一阶段
文章平均质量分 63
怒锤狗男人
这知识它不进脑子里啊
展开
-
HTML+CSS学习Day19笔记
网站结构和网站优化### 一、网站结构1、站点:其实就是用来归纳网站素材的地方html文件夹images(img)文件夹css文件夹js文件夹index.html 主页面注意点:这种结构在目前的开发环境中已经无法满足需求,所以这种结构会进行变化2、目前开发环境网站结构src目录 网站源代码目录html(page、static)文件夹 静态页面css 文件夹js 文件夹fonts 文件夹video 文件夹libs 文件夹(引入外部的一些资源 j原创 2021-05-31 16:54:58 · 86 阅读 · 0 评论 -
HTML+CSS学习Day18笔记
Day18笔记一、3D属性transform变形translate3d(值1, 值2, 值3) 3D新增的属性1、值1表示X轴位移,单位px2、值2表示Y轴位移,单位px3、值3表示Z轴位移,单位px rotate3d(值1, 值2, 值3, 值4) 3D新增的属性1、前三个值分别表示X、Y、Z轴,值只有1和0。0表示不旋转、1表示旋转2、值4表示的是度数 scale3d(值1, 值2, 值3) 3D新增的属性1、值1表示X轴缩放2、值2表示Y轴缩放3、值3表示Z轴缩放原创 2021-05-31 16:54:22 · 108 阅读 · 0 评论 -
HTML+CSS学习Day17笔记
Day17笔记一、图片优化的四种方法1、css sprite/精灵图/雪碧图/图片整合技术,将小图整合到一张图上,通过定位显示。2、base64格式将图片变成代码的形式,百度搜索“图片base64”,选择《base64图片在线转换工具-站长工具》网站,上传图片,复制转换的代码。<img src="base64代码"/>3、svg格式svg意为可缩放矢量图标,svg使用XML格式定义图像放大或缩小不会变形,这是H5新增的形式XML为自定义标记语言,xhml不能自定义。svg为原创 2021-05-31 16:53:48 · 87 阅读 · 0 评论 -
HTML+CSS学习Day16笔记
Day16笔记一、rem字符单位rem (font size of the root element)相对于根元素字体大小的单位,需要一个参照 html{font-size:100px;}1rem = 100px(此处设为100px为了方便计算)作用:实现屏幕适配,rem这个值不是固定的,可以根据根元素字体大小动态改变注意点:font-size大小不能为10px,浏览器最小字体是12px,默认显示大小为24px。为什么web app要使用rem?实现强大的屏幕适配布局(淘宝,腾讯,网易等网站原创 2021-05-31 16:52:43 · 100 阅读 · 0 评论 -
HTML+CSS学习Day15笔记
Day15笔记一、根选择器root和html是一样的:root{ background-color:orang;}二、否定选择器否定选择器(不自信选择器):给它设置的样式,除了它自己以外没有作用,其他都有作用语法:标记:not([属性="属性值"])作用:会改变除了具有此属性值的此种标记input:not([type="tel"]){ borde:1px solid red;}如果想对某个结构元素使用样式,但是又想排除这个结构下的某些子结构时,否定伪类选择器就非常有用,它可以过原创 2021-05-31 16:51:42 · 307 阅读 · 0 评论 -
HTML+CSS学习Day14笔记
Day14笔记一、H5新增多媒体标记<video width="800" height=""> <!--source标记 表示资源 src属性表示路径 作用:可以把相同视频的不同格式引入到这个标记里面,mp4/ogg/webm表示视频文件格式--><source src="myvideo.mp4" type="video/mp4"></source><source src="myvideo.ogv" type="video/ogg"&g原创 2021-05-31 16:51:03 · 80 阅读 · 0 评论 -
HTML+CSS学习Day13笔记
Day13笔记一、浏览器内核渲染引擎:负责解析html和css代码还有图片等等素材js引擎:负责解析js代码最早的时候渲染引擎也负责解析js代码script标记作用就是执行js代码,也是js的一个执行环境二、代码执行顺序1、html、css、js代码会按着自上而下的顺序执行,注意点js里面的有些代码不会按着顺序执行。2、浏览器在解析代码的时候,遇到html和css代码会按着顺序执行,如果遇到了scrtpt标记咱们的html和css代码会暂停执行,直到js代码执行完毕后再去执行html和css原创 2021-05-31 16:50:09 · 122 阅读 · 0 评论 -
HTML+CSS学习Day12笔记
Day12笔记一、隐藏的四种方法/*隐藏后下方的元素会顶上来*//* display: none; *//*默认表示显示和display:block;效果是一样的,block还有把其他类型元素转成块级元素*//* visibility: visible; *//*隐藏元素是占位隐藏,把元素隐藏后不会影响其他的网页结构,会让元素功能失效*//* visibility: hidden; *//*当透明度为0的时候也可以让元素隐藏,占位隐藏,把元素隐藏后它的功能还在*//*opacity:原创 2021-05-31 16:49:18 · 100 阅读 · 0 评论 -
HTML+CSS学习Day11笔记
Day11笔记一、宽高自适应1、宽高自适应在实际开发中应用非常普遍,也非常重要可以帮助咱们解决页面布局排版问题,也可以适应不同的屏幕大小2、自适应解决方案:=> 块级元素一般作为其他元素的容器使用,自适应需要的是容器自适应=> 宽度自适应width:auto; 根据当父容器设置了宽度,子元素没有设置宽度,子元素的宽度会根据容器来-> width:auto;-> width:100%;(块元素宽度默认为100%)-> 不设置宽度=>问题:当咱们给容器不设置原创 2021-05-31 16:48:54 · 73 阅读 · 0 评论 -
HTML+CSS学习Day10笔记
Day10笔记一、锚点命名锚点链接的应用定义:是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。命名锚点的作用:在同一页面内的不同位置进行跳转。制作锚标记:1)给元素定义命名锚记名语法:<标记 id="命名锚记名称"> </标记>2)命名锚记连接语法:<a href="#命名锚记名称"></a>html结构:<a href="#hz">孩子</a&原创 2021-05-29 10:13:52 · 80 阅读 · 0 评论 -
HTML+CSS学习Day09笔记
Day09笔记一、认识定位关于流问题:1、标准(文档、普通)流:就是网页正常的排版顺序2、元素类型:block、inline、inline-block、table、inline-table、table-cell、list-item3、浮动流:一个标记设置了float属性就成为浮动流,脱离文档流、脱标4、可以让块级元素横向排列,可以让内联元素设置宽和高,可以让横向排列的元素去除默认间隙5、定位流:一个标记设置了position属性就成为定位流二、定位流:1、语法:position:s原创 2021-05-29 10:13:22 · 76 阅读 · 0 评论 -
HTML+CSS学习Day08笔记
Day08笔记一、元素类型1、css把html标记根据不同的特性划分成了三个大的类型,分别是:块级、内联、内联块元素2、元素类型特点: =>块级元素(block):独占一行,自上而下排列,可以设置宽和高,一般作为其他元素的容器 =>内联元素(inline):横向排列,不能设置宽和高 =>内联块元素(inline-block):横向排列,可以设置宽和高 =>注意点:内联和内联块元素在代码排列中,如果对标记进行换行操作,标记和标记原创 2021-05-29 10:12:48 · 99 阅读 · 0 评论 -
HTML+CSS学习Day07笔记
Day07笔记一、浏览器兼容问题1、浏览器是由不同的厂家开发的,所用的核心架构和代码不一样,出于自身利于的考虑设置技术壁垒2、css标准只有一套,css要在不同的浏览器里面执行,所以代码问题在所难免的浏览器兼容问题:margin-top1、在标准流中,当咱们给子元素设置了margin-top时,浏览器在解析的时候会误认为给容器设置的所以会出现一起往下掉的情况2、解决方案:给容器设置overflow:hidden;属性3、在哪些情况下会出现margin-top问题: a、子元素或原创 2021-05-29 10:12:18 · 73 阅读 · 0 评论 -
HTML+CSS学习Day06笔记
Day06笔记一、font-size 文字(文本)大小浏览器默认支持的最小字体大小是12px。单位:px:像素,固定的单位,它是网页中最基本的单位pt:点(榜),印刷行业的单位(打印),保证设计出来的效果图打印后不改变单位转换:9pt=12px9/123/4==0.75em:相对于容器字体大小的单位,会随着文字的大小它的值会改变,不是一个固定值.注意点:默认情况下16px=1em.text-indent 首行缩进 推荐使用的单位是2emletter-spacing 字间距,字原创 2021-05-29 10:11:46 · 85 阅读 · 0 评论 -
HTML+CSS学习Day05笔记
Day05笔记一、网站搭建1、需要一个站点 — 一个大的文件夹,主要作用是归纳网站里面的素材和文件,方便后期的维护images 文件夹css 文件夹js文件夹html文件夹index.html二、网页布局形式1、在实际开发中目前从大的方面划分,网页布局分为两种形式 窄屏页面:元素外层宽度固定死,不会随着分辨率变化。最早的时候电脑分辨率普遍比较低的,所以采用这种形式是便捷的。但是随着电脑普及,技术的迭代,电脑的屏幕越来越好了,很显然窄屏页面布局不能适应目前的开发需求了,所以原创 2021-05-29 10:10:51 · 65 阅读 · 0 评论 -
HTML+CSS学习Day04笔记
Day04笔记一、常用选择器标记选择器语法:css: 标记{ width:200px; height:200px; border:1px solid red;}html:<标记></标记>特点:标记选择器就是以文档语言对象类型作为选择符,即使用结构中元素名称作为选择符,所以标记都可以同类型的标记设置了样式,其他的都会起作用class选择器语法:css:.名称{ 属性:属性值;}html:<标记 class="名原创 2021-05-29 10:09:17 · 78 阅读 · 0 评论 -
HTML+CSS学习Day03笔记
Day03笔记一、表单标记表单标记介绍:1、form表单标记,双标记2、作用:收集用户信息,然后发送给服务器。例如:登陆(login)和注册(register),咱们填写的信息最终都发送给了网站的服务器进行保存,只要保存咱们下次使用这个网站的时候才会对应等登陆3、form这个标记必须配合其他的input标记一起使用4、属性:name 表单的名称,用于区分不同的表单action 表单的提交地址method 表单提交方式:get方式: get从服务器上面获取数据 ge原创 2021-05-29 10:05:25 · 135 阅读 · 0 评论 -
HTML+CSS学习Day02笔记
Day02笔记一、html语法注释什么是注释,就是解释代码的意思,写给自己和别人看的把一个东西注释起来后,浏览器就不会识别它注释语法:<!--注释-->注意点:<>叫做尖括号 在尖括号里面首先规定是一个!,感叹号后面跟杠,杠最少必须有四个杠二、建站流程1、什么是建站流程,就是一个网站的开发过程2、建站有几个步骤:a、购买域名(域名就是网址 例如:http://www.baidu.com),通过域名访问网站b、购买服务器: 服务器的作用:存储原创 2021-05-29 10:04:35 · 216 阅读 · 0 评论 -
HTML+CSS学习Day01笔记
Day01笔记一、什么是前端前端就是制作网页的,网页分为pc端和移动端(支付宝、微信、淘宝、拼多多)前端是做网站开发和app开发的前端主要的工作就是根据 UI小姐姐给的设计稿的使用的代码的形式还原成网页二、网站构成1、一个网站的由两部分组成,前端部分和后端部分2、前端部分,就是大家看到的网页3、后端部分,就是数据,后端主要是和数据库和服务器打交道服务器的作用:开发的网站和app都是放在服务器上面的,只要这样别人才能访问或者使用服务器的概念:其实服务器就是一台超级电脑,只不过它的配置原创 2021-05-29 10:02:22 · 94 阅读 · 0 评论