- 博客(28)
- 收藏
- 关注
RSS订阅原创 移动端布局之响应式布局-阿里百秀
结果图 布局分析 技术选型：响应式布局，采用bootstrap框架，采用1280px设计稿/* 修改container最大宽度为1280根据设计稿来走的 */@media screen and (min-width:1280px) { .container{ width: 1280px; }} 2. 页面布局分析： 划分成
2021-08-23 18:16:22
320
1
原创 bootstrap 4字体图标引入不显示解决方案
bootstrap 4下载的资源包没有font文件，在bootstrap 3 里下载资源包把fonts文件拖到羡慕文件里的bootstrap 里面在bootstrap/dist/css/bootstrap.min.css文件中添加代码样式如下@font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts.
2021-08-22 23:16:31
1279
原创 移动端三种布局方式之rem布局-苏宁首页（技术方案二：flexible.js 、rem）
结果图 准备工作 建立文件夹 引入文件<!-- 引入移动端初始化文件 --> <link rel="stylesheet" href="css/normalize.css"> <!-- 引入主页的css文件 --> <link rel="stylesheet" href="css/index.css"> <!-- 引入js文件 --
2021-08-21 22:03:16
274
原创 移动端三种布局方式之rem布局-苏宁首页（技术方案一：less、rem、媒体查询）
结果图em是相对于父元素的字体大小来说的，rem（root em）是相对于html元素来说的，less编译器的使用 css样式写在less文件里 自动生成css文件 后续方便修改 和rem布局搭配使用rem实际开发啊适配方案1元素大小的取值：（1）页面元素的rem值=页面元素之（px）/（屏幕宽度/划分的份数） (2)屏幕宽度/划分的份数就
2021-08-21 20:33:08
481
原创 移动端三种布局方式之flex布局-携程移动端首页
结果图flex布局原理：所有盒子不管是行内元素还是块元素只要是flex布局都可以直接设置宽高。任何一个盒子都可以指定为flex布局。当给父盒子设为flex布局以后，子元素的float clear vertical-align属性将失效伸缩布局=弹性布局=flex布局=弹性盒布局=伸缩盒布局 思路解析顶部 右边盒子固定大小，剩余空间全给左边，让左边盒子自适应，加一个flex:1;...
2021-08-19 22:56:21
536
原创 移动端三种布局方式之流式布局-移动端京东首页
结果图思路解析及注意点1. 顶部头部通栏的大盒子宽度是100%，里面划分成四个小盒子，用ul li排列 四个li高度相同 设置不同宽度，让四个盒子里的内容垂直居中为了代码规范，图片都要放在盒子里，改动盒子内图片大小直接设置就可以。.app ul li:nth-child(1){ width: 8%;}/* 图片可以直接改宽，等比例缩放*/.app ul li:nth-child(1) img{width: 10px;}.app ul li:nth-child(2){
2021-08-18 01:04:30
781
1
原创 二倍精灵图
在ps中把sprite.png打开不用缩放图片，光标定位到要扣的图片左上角 量出x y 值在css中代码箭头指的位置是上一步x y值的一半，前面加负号，看不见图片的话，就打开开发工具调试。
2021-08-17 22:06:57
2280
1
原创 前端基础 计算机基础 软件开发基础知识
⭐️ 必学 ✅ 建议学❗ 面试重点前端基础知识✅ 互联网⭐️ 域名⭐️ DNS⭐️ 服务器✅ 浏览器浏览器 DOM 事件流 / 事件委托⭐️ 浏览器加载顺序⭐️ 浏览器渲染过程浏览器事件循环浏览器同源策略❗ 跨域解决方案浏览器缓存控制台调试技巧✅ HTTP❗ HTTP 请求过程常见 HTTP 协议 - HTTP 1.0 - ⭐️ HTTP 1.1 - HTTP 2 - HTTP 3⭐️
2021-07-17 00:04:27
170
1
原创 favicon.ico和字体图标的引入
favicon.icops切图后，隐藏背景，存为png存在桌面上把图标放入根目录下（可以其他目录，常用根目录）引入图标 （注意路径问题）总结：制作图标—放入图标—引入图标
2021-07-15 20:43:02
1319
原创 2017字节跳动前端工程师秋招笔试试题解析
变量a是一个64位有符号的整数，初始值用16进制表示为：0Xf000000000000000； 变量b是一个64位有符号的整数，初始值用16进制表示为：0x7FFFFFFFFFFFFFFF。 则a-b的结果用10进制表示为（）0x7FFFFFFFFFFFFFFF+1=0X8000000000000000，那么a-b=0Xf000000000000000-0X8000000000000000+1=0X7000000000000001=16157+1601=2^60*7+1=260*(22+21.
2021-01-20 17:46:22
437
原创 html标签
1、网页基本结构标签 页面中最大的标签 也称为 根标签 文档的头部, 在head标签中必须要设置的标签是title 文档的标题 文档的主体 页面的元素基本都是放到body里的2、 <!DOCTYPE> 文档类型声明标签 ，作用是告诉浏览器使用哪种HTML版本显示网页 意思是当前页面采取的是HTML5版本来显示网页的 中文网页 "en" 英文网页通过标签的charest属性来规定HTML文档该使用哪种字符编码 charest常用的值有：GB2312(简体中文)
2021-01-13 19:15:28
133
原创 12.13作业
登录页面html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./css/index.css"> <title&g
2020-12-19 00:56:00
198
3
原创 404错误页面制作
404错误页面html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./css/index.css"> <ti
2020-12-11 20:43:25
197
原创 29-33
内联样式与内部样式内联样式:通过style属性内部样式:通过style标签利用上下的div标签区别:内部样式的代码可以复用，尽量让结构样式分开处理示例运行结果两块div都变成红色
2020-12-05 10:42:54
110
原创 13 和14集 图片标签 相对地址
13集 图片标签与图片属性img 单标签src属性 : 引入图片地址(注:右击在新窗口中打开图片 头部的地址是图片的链接地址)alt属性 : 图片地址出现错误时，显示一段友好的提示文字 ，不错误 就不显示。习惯性不写。title属性: 鼠标移到图片上会显示一串提示信息width,height属性 :(查看图片原始大小 右击检查移到图片地址上 就能显示)img+tap自动生成14.相对路径和绝对路径相对路径:相对于某一个文件进行引入，比如某个文件和我要引入的图片在同一级别下，那就..
2020-12-02 20:36:44
89
原创 07-12集 html基本结构与属性 初始代码 注释 标题段落文本修饰标签
08集 初始代码！+tap快捷方式创建初始代码初始代码的head body区域初始代码的含义09集 html中的注释写法: <！-- -->作用:把暂时不用的代码注释起来方便以后使用去掉注释符就行了。或者给自己提示作用，别人看不见快捷方式 (添加或删除): 第一种方法把光标移到起始位置再按ctrl+/ 再按一下取消第二种方法 全选再按 shift+alt+a10集...
2020-12-02 19:44:55
126
原创 27 div和span标签
div和span标签概念练习要求上下两块为两个区域，用div,红框部分为标题用h2或h3表示,绿色部分为图片，黄色部分为段落，蓝色的为链接。两个红色html5和标题里的其他字体颜色不一样，是用span来嵌套的。先写结构再添加样式。这里只写了html结构没有写css代码查图片地址右击检查 可以查到图片的绝对地址https.运行结果...
2020-12-02 19:29:24
131
原创 15集跳转链接
跳转链接练习 第十五集十分开始创建文件夹内部1.index.html 代表首页2.创建html文件夹 里面创建list .html 和detail.html3.创建images 放图片 图片来源不统一的时候注意.在首页的html里链接到列表页 (a加tap快速生成链接) 点击首页跳到列表页 即在list.html中链接详情页地址...
2020-11-30 13:54:23
5742
4
原创 网络部 11.14作业
OSI模型与TCP/IP模型OSI的七层分层协议体系结构(如下图所示)的概念和理论相对完整，但是复杂确不实用。而TCP/IP结构在整个计算机网络中得到了大规模的应用。TCP/IP是一个5层的体系结构,它包括物理层、数据链路层、网络层、传输层、应用层。下面将简单介绍一下这五层的结构。物理层在物理层所传的数据单位是比特，也就是二进制数据。无论是发送方还是接收方的物理层底层如何使用多大的电压来表示0和1，这些都是物理层的工作。数据链路层两台设备要进行数据传输，总是在一段一段的链路上进行传送的
2020-11-27 02:41:38
303
原创 第四章 程序流程控制语句
选择结构If elseswitch语句循环语句While 语句do…while 语句for语句break与contine
2020-11-16 19:57:29
137
原创 c语言程序设计 运算符与关系式
第三章 运算符与表达式除赋值运算符其他运算符都是从左向右运算一.表达式二.运算符算术运算符/ %取余关系运算符 赋值表达式关系表达式 答案1关系表达式 答案1关系表达式 答案0赋值表达式 答案1赋值表达式 答案0 从左向右结合逻辑运算符5.逻辑运算符里变量除0外都看成1答案o1*1 答案11+1 答案1同时存在与或非从左向右算 1答案1两个非零整数为 1 1 答案1赋值及复合赋值运算符逗号运
2020-11-14 19:59:11
207
原创 HTML主要标签
20640406一.HTML是什么二.CSS是什么Hello World 程序一个空白程序三.Markdown是什么四.延伸应用博客HTML&CSS编辑器学习网站<推荐Chorme浏览器>B站账号：web技术小白五.小结六.感想感悟一.HTML是什么HTML是超文本标记bai语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用，HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。页面内可以包含
2020-11-13 02:30:02
294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人