fl

web前端入门到实战:css基础-float浮动

試著忘記壹切 提交于 2020-04-03 23:12:29
float实现文字环绕图片效果: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>float</title> <style> body{ font-family: '微软雅黑'; } .per{ width: 400px; border: 1px solid #CCC; padding: 5px; } .red{ width: 100px; height: 100px; background: red; margin: 10px; float:left; } </style> </head> <body> <div class="per"> <div class="red"></div>层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 [1] CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。 </div> </body> </html> 清除浮动的方法一: 在浮动元素后面使用一个空元素 专门建立的学习Q-q-u

AtCoder Grand Contest 043--A - Range Flip Find Route

雨燕双飞 提交于 2020-03-22 17:27:16
A - Range Flip Find Route 题意:本题就是给你一个矩阵,要你求出从(1,1)到(h,w)数量最少的黑色方块 题解:在作这一题的时候我最初想到的是用DFS求出每一种可能的方式,比较出它们的最小值,结果TLE了,赛后补题,才懂得还可以用DP来做:这里我们定义一个二维数组dp[h][w],其中dp[i][j]代表到达点(i,j)时候黑块的最少块数,同时代表这一块需不需要翻转,(题目说明,黑色块要翻转成白色块),每次求出它们的最小值即可。 下面给出TLE的代码: #include<iostream> #include<cstring> #include<algorithm> #define ll long long using namespace std; int min_n=100*100+5; int sum=0;//存储临时答案 int h,w; char ptr[150][150]; int net[2][2]={{0,1},{1,0}}; bool check(int x,int y){ return (x<=h/*行*/)&&(y<=w/*列*/);//判断合法 } void dfs(int x,int y){//全部遍历,求最小的操作数 if(x==h&&y==w){//本次到达终点 min_n=min(min_n,sum);//取出最小值

Ynoi2012 NOIP2015洋溢着希望

北战南征 提交于 2020-03-18 07:07:35
写篇博客纪念一下人生第一道 \(YnOI\) 不过这个题确实是不复杂 Description link 支持两种操作,区间加和区间 \(sin\) 和 \(n,m \le 2 \times 10^5\) Solution \[Begin\] 我们看到三角函数,还有加法 还是比较明显地指向了和角公式 如果不会和角公式? 这个百度应该可以 $ Get $ 到 \(sin(a+b)=sin(a) cos(b)+cos(a)sin(b)\) \(cos(a+b)=cos(a)cos(b)-sin(a)sin(b)\) \(sin\) 和 \(cos\) 的都用库里的函数就行 我们维护一下每个点的 \(sin\) 和 \(cos\) 就可以了吧…… 具体要这么写: inline void push_up(int p,double ts,double tc) { double s=sinn(p),c=coss(p); sinn(p)=ts*c+tc*s; coss(p)=tc*c-ts*s; return ; } inline void spread(int p) { if(fl(p)) { fl(p<<1)+=fl(p); fl(p<<1|1)+=fl(p); double ts=sin(fl(p)),tc=cos(fl(p)); push_up(p<<1,ts,tc); push_up(p

Poj3468 A Simple Problem with Integers (分块)

霸气de小男生 提交于 2020-03-03 18:45:08
题面 Poj 题解 区间求和$+$区间修改板子,这里用分块写的 #include <cmath> #include <cstdio> #include <cstring> #include <algorithm> using std::min; using std::max; using std::swap; using std::sort; typedef long long ll; #define int ll const int N = 1e5 + 10 , SN = 340; int n, siz, q, bel[N], val[N]; int sum[SN], add[SN], L[SN], R[SN]; template<typename T> void read(T &x) { int flag = 1; x = 0; char ch = getchar(); while(ch < '0' || ch > '9') { if(ch == '-') flag = -flag; ch = getchar(); } while(ch >= '0' && ch <= '9') x = x * 10 + ch - '0', ch = getchar(); x *= flag; } void modify (int l, int r, int c) { int fl = bel

【动画制作】Manjaro Linux 上 Animata 成功构建记

三世轮回 提交于 2020-03-03 14:57:07
这几天疫情原因一直待在家,闲来无事,逛了一下 Archlinux 的 Animation 分类 ,发现一个叫 Animata 的开源项目。 观看其 演示视频 后发现这样的基于顶点和三角的变形动画非常不错,和一般的2D骨骼动画相比,Animata 给予我们的控制更多,除了设置影响范围的半径以外,还能指定受骨骼影响的顶点,从而弥补通过圆指定影响范围所遗留的不足(在关节处常常出现影响范围交叉,造成关节的异常运动,不可避免成为骨骼动画的缺陷,常出现在一根骨骼出现在另一根骨骼的直径范围内时);可以在一张 Sprite 上自己布置顶点自己连接三角形;此外,还有IK机制。 如果能与其他动画项目集成的话前途无量,可惜作者早已不再维护,代码放在 Google Code 上,现在只剩下 Archive,而AUR上这个项目的构建文件也依赖 Google Code 上的 Animata 源码。然而今天,众所周知,Google Code 已经不再提供代码克隆服务。 Step 1:转移仓库 Animata 保存于 SVN 仓库,现在公开的SVN仓库已经少之又少,知名的 Codeplex 已经变为只读,Coding 提供的SVN仓库克隆代码必须要提供密码,SVNBucket 只能创建私有项目,Gitee 上传了一份,尚未测试,SourceForge 不明原因无法注册,显示“System Error

最短路径算法 : Dijkstra 和Floyd

爱⌒轻易说出口 提交于 2020-03-03 07:12:00
思想:Dijkstra是求单源最短路径,Floyd算法是用于求多源最短路径,算出来的是所有的节点到其余各节点之间的最短距离。 Dijkstra算法 先遍历一下还没有在最短路中的点,选出一个距离 已经在最短路集合中的点 距离最近的点(遍历与 最短路包含的点 相连的节点),并把它加入到最短路中,并且更新所有点的最短路,直到所有的点都加入到最短路中。 图解参考: https://www.cnblogs.com/Glacier-elk/p/9438077.html 操作步骤 (1) 初始时,S只包含起点s;U包含除s外的其他顶点,且U中顶点的距离为"起点s到该顶点的距离"[例如,U中顶点v的距离为(s,v)的长度,然后s和v不相邻,则v的距离为∞]。 (2) 从U中选出"距离最短的顶点k",并将顶点k加入到S中;同时,从U中移除顶点k。 (3) 更新U中各个顶点到起点s的距离。之所以更新U中顶点的距离,是由于上一步中确定了k是求出最短路径的顶点,从而可以利用k来更新其它顶点的距离;例如,(s,v)的距离可能大于(s,k)+(k,v)的距离。 (4) 重复步骤(2)和(3),直到遍历完所有顶点。 例子 #leetcode1368困难 class Solution: def minCost(self, grid: List[List[int]]) -> int: #0302 30min ''

jQuery封装的组件完成广告屏滑动

霸气de小男生 提交于 2020-03-01 23:22:31
效果图 ad.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ad</title> <link rel="stylesheet" href="../css/base.css"> <link rel="stylesheet" href="../css/ad.css"> </head> <body> <!-- 今日推荐 --> <div class="todays"> <div class="container"> <div class="slider fl" id="todays"> <div class="slider-img"> <a href="#" class="slider-img-item"> <img src="../img/todays-slider/loading.gif" data-src="../img/todays-slider/1.png" class="slider-pic fl"> <img src="../img/todays-slider/loading.gif" data-src="../img/todays-slider/2.png" class="slider-pic fl"> <img src="../img/todays-slider

jQuery封装的tab组件(可选自动+可选延迟处理+按需加载)

可紊 提交于 2020-02-29 21:04:38
效果图 tab2.html <!DOCTYPE html> <html lang="zh-CN"><!-- 设置简体中文 --> <head> <meta charset="UTF-8"> <title>tab2按需加载</title> <link rel="stylesheet" href="../css/base.css"> <link rel="stylesheet" href="../css/tab2.css"> <!-- css一般放在DOM加载前,防止DOM裸奔 --> </head> <body> <!-- 楼层一 --> <div class="floor"> <div class="container"> <div class="tab-head"> <div class="tab-head-title fl"> <span class="tab-head-title-num">1F</span><span class="tab-head-title-name">服装箱包</span> </div> <ul class="tab-head-item-wrap fr"> <li class="fl"><a href="javascript:;" class="tab-head-item tab-head-item-active">大牌</a></li> <li

[Flex]Adobe Flash Builder 4 beta 和 Flash Catalyst beta download

别来无恙 提交于 2020-02-25 15:55:59
Adobe Flash Builder 4 beta 和 Adobe Flash Catalyst beta 终于在6月1日,国际儿童节这天放出了下载地址( Adobe 儿童节快乐!) Adobe Flash Builder 4 beta 下载地址: http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_flashbuilder4 Adobe Flash Catalyst beta 下载地址: http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_flashcatalyst 详细请看: http://www.k-zone.cn/zblog/post/flash-builder-4-download.html 来源: https://www.cnblogs.com/flexblog/archive/2009/06/01/flash-builder-4-download.html

jquery带下拉列表的购物车组件封装

喜夏-厌秋 提交于 2020-02-24 23:22:47
按照国际惯例先放效果图 安静的时候它长这样 等待加载时它长这样(功能是设置的按需加载,网速慢或者加载数据大时会出现) 加载之后购物车没有商品时这样 有商品长这样 首页index.html <!DOCTYPE html> <html lang="zh-CN"><!-- 设置简体中文 --> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/common.css"> <link rel="stylesheet" href="css/index.css"> <!-- css一般放在DOM加载前,防止DOM裸奔 --> </head> <body> <!-- 导航 --> <div class="nav-site"> <div class="container"> <ul class="fl"> <li class="fl"><a href="javascript:;" class="nav-site-login">亲,请登录</a></li> <li class="fl"><a href="javascript:;" class="nav-site-reg link">免费注册</a>