摘要: <link>标签是HTML提供的标签,不仅可以加载样式表,还可以引入站点图标、预加载资源等;而@import是CSS语法,用于导入其他样式表。 @import只在IE5以上版本才能被识别,相比之下<link>标签无兼容性问题。 link标签引入的CSS是与页面加载并行进行的,且多个CSS文件同时加载 阅读全文
posted @ 2022-07-09 00:05 ˙鲨鱼辣椒ゝ 阅读(34) 评论(0) 推荐(0)
摘要: 单行文本溢出 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ border: 1px solid black; line-height: 20px; widt 阅读全文
posted @ 2022-07-08 17:49 ˙鲨鱼辣椒ゝ 阅读(37) 评论(0) 推荐(0)
摘要: 理解响应式设计 页面的设计与开发能够根据用户行为(如:缩放页面尺寸)以及设备平台(如手机、平板等)进行相应的调整,这称为“响应式设计”。这样,就能避免维护多个网站来适应不同屏幕尺寸的设备。响应式设计遵循三大原则: 移动优先 由于移动版网页的限制条件更多,比如:屏幕空间受限、网络更慢。先考虑这些限制来 阅读全文
posted @ 2022-07-08 15:27 ˙鲨鱼辣椒ゝ 阅读(77) 评论(0) 推荐(0)
摘要: 理解网格布局的基本元素 网格布局是一个由行和列组成的二维布局方式,元素放置在网格的一个单元格中或占据多行多列(网格区域)。 grid-template-column与grid-template-row:指定网格中每列每行的大小。这里可以使用一种新单位fr,代表每一列(行)的分数单位,可以理解为“1f 阅读全文
posted @ 2022-07-08 13:04 ˙鲨鱼辣椒ゝ 阅读(375) 评论(0) 推荐(0)
摘要: 使用内外边距实现 当允许使用一个自然高度的容器(宽度随意)时,可以给容器加上相等的上下内边距实现垂直居中;同时对容器里的内容的外边距设置为margin:0 auto 可以实现元素的水平居中。 <!DOCTYPE html> <html lang="en"> <head> <meta charset= 阅读全文
posted @ 2022-07-06 10:28 ˙鲨鱼辣椒ゝ 阅读(36) 评论(0) 推荐(0)
摘要: 绘制梯形 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .container{ background-color: #999999; width: 300px; 阅读全文
posted @ 2022-07-05 17:04 ˙鲨鱼辣椒ゝ 阅读(95) 评论(0) 推荐(0)
摘要: 定位 一个元素可以通过 position 属性来定义为定位元素,它有如下属性值: static:默认的初始值,可以认为元素是“未被定位的”;而使用其它值可以认为元素“已被定位”。 relative:相对定位,相对于元素原本的位置进行偏移,且原本占据的空间不会消失(可能会造成原本位置形成空白区域,或偏 阅读全文
posted @ 2022-07-05 15:03 ˙鲨鱼辣椒ゝ 阅读(103) 评论(0) 推荐(0)
摘要: 题目描述: 整数数组的一个 排列 就是将其所有成员以序列或线性顺序排列。 例如,arr = [1,2,3] ,以下这些都可以视作 arr 的排列:[1,2,3]、[1,3,2]、[3,1,2]、[2,3,1] 。 整数数组的 下一个排列 是指其整数的下一个字典序更大的排列。更正式地,如果数组的所有排 阅读全文
posted @ 2022-07-03 14:40 ˙鲨鱼辣椒ゝ 阅读(22) 评论(0) 推荐(0)
摘要: 题目描述: 汽车从起点出发驶向目的地,该目的地位于出发位置东面 target 英里处。沿途有加油站,每个 station[i] 代表一个加油站,它位于出发位置东面 station[i][0] 英里处,并且有 station[i][1] 升汽油。假设汽车油箱的容量是无限的,其中最初有 startFue 阅读全文
posted @ 2022-07-02 16:26 ˙鲨鱼辣椒ゝ 阅读(90) 评论(0) 推荐(0)
摘要: 题目描述: 给你一个由数字和运算符组成的字符串 expression ,按不同优先级组合数字和运算符,计算并返回所有可能组合的结果。你可以 按任意顺序 返回答案。 示例: 输入:expression = "2*3-4*5" 输出:[-34,-14,-10,-10,10] 解释: (2*(3-(4*5 阅读全文
posted @ 2022-07-01 12:09 ˙鲨鱼辣椒ゝ 阅读(35) 评论(0) 推荐(0)