无重复字符的最长子串 输入: "abcabcbb" 输出: 3 解释: 因为无重复字符的最长子串是 "abc",所以其长度为 3。 class Solution { public: int lengthOfLongestSubstring(string s) { int m[256] = {0}; ...
分类:
编程语言 时间:
2020-11-27 11:02:48
阅读次数:
9
两个种类:块级元素,行内元素 块级元素可以设置:宽度,高度,对齐等属性 行内元素:不占独立区域,一般不可以设置他的宽度,高度,对齐 块级元素: h1h6 段落p li ul ol 典型的是div 特点:独自占一行 行内元素: strong a em u b input 典型的是span (1)h1h ...
分类:
其他好文 时间:
2020-11-26 15:23:31
阅读次数:
12
盒子的六个属性:1·width属性 2.height属性 3.内边距(padding)4.边距(border)5.外边距(margin)6.背景属性(background) 垂直居中的条件:单行文字垂直居中,行高等于高度值 当行高小于高度,文字偏上;当行高大于高度,文字偏下。 盒模型的宽度=左外边距 ...
分类:
其他好文 时间:
2020-11-26 14:08:53
阅读次数:
5
Css的元素显示模式 ##块元素常见的块元素有<h1>~<h6>、<p>、 <div>、 <ul>、 <o|>、 <li>等 ,其中<div>标签是最典型的块元素块级元素的特点:1.比较霸道,自己独占一行2.高度、宽度、外边距以及内边距都可以控制3.宽度默认是容器(父级宽度)的100%4.块元素是一 ...
分类:
Web程序 时间:
2020-11-24 12:46:25
阅读次数:
12
导语 响应式相信大家都不陌生,就是使用css的媒体查询设计,进行不同尺寸,显示不同效果,但是Tailwind CSS的响应式设计使用起来会更加爽,更加快捷方便,到底怎么搞呢?我们一起来探讨一下。 简介 Tailwind中的每个实用程序类都可以有条件地应用于不同的断点,这使得轻松构建复杂的响应式接口变 ...
页面适配计算: 假设存在一个设计稿 宽度 xxx 或者 未知page 1、设计稿存 page在一个元素 宽度100px 2、拿以上的需求去实现不同宽度的页面适配 page px = 750 rpx 1 px = 750 rpx / page 100px = 750 rpx * 100 /page 假 ...
分类:
其他好文 时间:
2020-11-19 12:16:30
阅读次数:
5
box-sizing 属性定义了应该如何计算一个元素的总宽度和总高度。 属性值 content-box默认值,标准盒子模型。 width 与 height 只包括内容的宽和高, 不包括边框(border),内边距(padding),外边距(margin)。注意: 内边距、边框和外边距都在这个盒子的外 ...
分类:
其他好文 时间:
2020-11-16 13:10:20
阅读次数:
2
一、块级元素: 1、常见块级元素:h1~h6、p、div、ul、ol、li 2、特点: ①、自己独占一行。 ②、高宽、内外边距都可以控制。 ③、默认宽度时父级宽度。 ④、是一个容器和盒子,里面可以放行内元或者块级元素。 3、注意: ①、文字类元素内不能使用块级元素。 例如:<p>、<h>标签主要用于 ...
分类:
其他好文 时间:
2020-11-13 12:56:47
阅读次数:
7
响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。 平时我们响应式尺寸划分 超小屏幕(手机,小于768px):设置宽度为100% 小屏幕(平板,大于等于768px):设置宽度为750px 中等屏幕(桌面显示器,大于等于992px):宽度设置为970px ...
分类:
其他好文 时间:
2020-11-13 12:24:45
阅读次数:
5
尽管CSS有一个下划线属性text-decoration:underline,但这个属性非常简陋而且不能修改效果。解决方案一使用border属性{border-bottom:1pxsolidgray;text-decoration:none;}使用border-bottom模拟出来的下划线可以自定义颜色、线条宽度和线的形状。但是线与字之间的距离或者说空隙很大如果设置比较小的line-height,
分类:
Web程序 时间:
2020-11-12 14:10:07
阅读次数:
14