- 博客(8)
- 收藏
- 关注
RSS订阅原创 1029: 整数的立方和
题目描述给定一个正整数k，求1到k的立方和m。即m=1×1×1+2×2×2 +…+ k×k×k。输入输入包含多组测试用例，该行包含一个正整数k（1＜=k<=1000）。输出对于每组测试用例，输出只有一行，即1到k的立方和。样例输入5样例输出225#include<iostream> #include<vector> using namespace std;void sumM(int n){ long long sum=0; for(int i=1;
2021-05-09 20:24:52
1186
原创 《CSS揭秘》复杂的背景图案
难题条纹并不是我们实现的唯一背景图案，我们利用css渐变来创建任何种类的几何图案几乎都是有可能的，只不过这种方法太实际，我们可能稍不留神，就弄出一大块无法维护的代码。css图案可以算是一个值得使用css预处理器（如sass）来减少代码冗余的案例。网格把多个渐变图案组合起来，让他们通过彼此透明的区域显示。如下图桌布效果：效果展示代码展示 background: white; background-image: linear-gradient(90deg, rgba(200, 0, 0, .5)
2020-08-06 10:48:10
270
2
原创 《CSS揭秘》条纹背景
难题条纹设计在视觉设计中无处不在，要想在网页中实现条纹图案，其过程还远远不够理想。通常我们的方法是创造一个单独的位图文件,然后每次调整时，用图像编辑器来修改它。又有人用SVG来取代位图，但这样还是会有一个独立的文件，而他的语法也不够友好。所以我们今天可以用CSS渐变来实现条纹效果。解决方案效果展示代码展示 background: linear-gradient(90deg, #fb3 50%, #58a 0); /*如果我们把第二个色标位置设置为0 ，那么它的位置就总是会被浏览器调整为前一个色
2020-08-04 17:07:57
265
原创 《CSS揭秘》边框内圆角
难题有时我们需要一个容器，只在内侧有圆角，而边框或描边的四个角在外部仍然保持直角的形状，如图：我们会有常规的标签嵌套方案：标签嵌套方案可使嵌套的内标签设置圆角效果，就完成了我们想要的效果。代码展示： .div1 { max-width: 332px; background: #655; padding: .8em; } .div1>div { max-width: 300px;
2020-07-30 16:56:42
293
原创 《CSS揭秘》灵活的背景定位 background-position
难题很多时候我们想针对容器的某个角对背景图片进行偏移定位，在css2.1中，我们只能指定对于左上角的偏移量，或者完全靠齐到其他三个角。如图，我们对背景图片设置 background-position：bottom right效果展示：因为图片跟容器的边缘之间没有空隙，不会在审美上产生非常舒服的效果。对于具有固定尺寸的容器来说，使用css 2.1来做到这一点是可能的，但是很麻烦，需要自己计算出基于自身尺寸以及我们期待他距离右下角的偏移量，计算出背景图片距离左上角的偏移量。借助现在的css特性我们有了更
2020-07-29 11:28:19
272
原创 《CSS揭秘》多重边框
box-shadow方案效果展示：h-shadow水平阴影的位置 允许负值必需h-shadow水平阴影的位置 允许负值必需v-shadow垂直阴影的位置 允许负值。必需blur模糊距离可选spread阴影的尺寸可选color阴影的颜色可选inset将外部阴影 (outset) 改为内部阴影可选...
2020-07-28 18:15:32
119
原创 《CSS揭秘》半透明边框
半透明边框效果展示：代码展示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>半透明边框</title> <style> ..
2020-07-27 19:03:24
161
原创 CSS单位 px em rem
CSS单位 px em rempx 像素（Pixel）相对长度单位（相对于显示器屏幕分辨率）分辨率：横向和纵向两个方向的像素点个数。 如 ：1920*1080屏幕尺寸：屏幕对角线的长度。屏幕比例：知道了屏幕尺寸，通过屏幕比例可计算长和宽。如：4:3 16:9物理像素：一个物理像素是显示器的最小物理单元**设备独立像素 **：也叫“密度无关像素”，可以认为是计算机坐标系统中的一个点，css中的像素就是设备独立像素。可由相关系统转化为物理像素。物理像素与设备独立像素存在一定的对应关系
2020-07-18 17:46:49
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人