眼里只有码
学海无涯
并未停止学习的脚步
展开
-
Vue开发者工具扩展链接
下载链接原创 2022-06-15 18:58:07 · 418 阅读 · 1 评论 -
前端教程之CSS(五)
文章目录1. 精灵图1. 精灵图一个网页中往往会应用很多小的背景图像作为修饰,当页面中的图像很多时,服务器会频繁地接受和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。所以就出现了CSS精灵技术(也称CSS Sprite、CSS雪碧)。 ,为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度。核心原理:将网页中的一些小背景图像整合到一张大图中,这样服务器只需要一次请求就可以了。使用核心:移动背景图片位置,此时可以使用 background-position移动的位置就原创 2022-04-30 17:13:28 · 535 阅读 · 0 评论 -
前端教程之CSS(四)
文章目录1.定位1.1 定位组成1.2 静态定位static(了解)1.3 绝对定位relative(重要)1.4 绝对定位absolute(重要)1.定位为什么需要定位 ?浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排行盒子定位则是可以让盒子自由的在某个盒子内移动位置或固定屏幕中某个位置,并且可以压住其他盒子1.1 定位组成定位 :将盒子定 在某一个位 置,所以定位也是在摆放盒子,按照定位的方式移动盒子。定位 = 定位模式 + 边偏移A. 定位模式 用于指定一个元素原创 2022-04-26 23:15:31 · 110 阅读 · 0 评论 -
前端教程之CSS(三)
文章目录1. 头部制作2.修改input里placeholder的颜色1. 头部制作实际开发中,我们不会直接用链接a而是用包含链接(li+a)的做法li+a语义更清晰,一看据说有条理的列表型内容如果直接用a,搜索引擎容易辨别有堆砌关键字嫌疑(故意堆砌关键字容易被搜索引擎有降权的风险,从而影响网站排名)注意:让导航栏一行显示,给li加浮动,因为li是块级元素需要一行显示这个nav导航栏可以不给宽度,将来可以继续添加其余文字导航栏文字不一样多,所以最好给链接a左右 padding 撑开盒子原创 2022-04-23 16:40:34 · 196 阅读 · 0 评论 -
前端教程之CSS(二)
去掉li前面项目符号(圆点)list-style: none;1. 圆角边框border-radius 属于用于设置元素的外边框圆角语法: border-radius:length;参数值可以为 数值 或 百分比 的形式如果是正方形,想要变成圆形,把数值修改为高度或宽度的一半即可。或者直接写成50%如果是一个矩形,设置高度的一半就可以就做该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角。分开写:border-top-left-radius、border.原创 2022-04-15 18:38:22 · 377 阅读 · 0 评论 -
前端教程之CSS(一)
19.CSS简介19.1 什么是CSSCSS是层叠样式表,标记语言,也是CSS样式或级联样式表。主要设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式19.2 构成选择器以及一条或多条声明选择器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式属性和属性值以“键值对”的形式出现属性是指对指定的对象设置的样式属性,例如字体大小、文本颜色等属性和属性值之间用英文 : 分开多个键值对直接按原创 2022-04-12 22:40:02 · 400 阅读 · 0 评论 -
前端教程之Html与Html5
文章目录1. 网页的相关概念2.常用的游览器及内核3.web标准4.HTML语法规范1. 网页的相关概念HTML:指的是 超文本标记语言,它是用来描述网页的一种语言1)HTML不是一种编程语言,而是一种标记语言2)标记语言是一种标记标签超文本:它可以是图片,声音,动图,多媒体等内容(超越文本限制)还可以是一个文件跳转到另外一个文件(超链接文本)网页:是图片、链接、文字、声音等元素组成,就是一个html文件(后缀名为html)是由网页元素组成,这些元素由HTML,然后通过游览器解析来显示给原创 2022-04-10 14:38:32 · 790 阅读 · 0 评论