- CSS选择器的命名规范
前端_小智
HTML
1.模块化命名例如:与布局相关的样式以“g”为开头。如“g-content”和“g-header”;与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”;与元件相关的样式以“m”为开头。如“m-dropMenu”和“m-slider”;与状态相关的样式以“s”为开头。如“s-current”和“s-selected”;与工具相关的样式以“u”为开头。如“u-clearfix”
- CSS基本概念
astak3
CSS全称:CascadingStyleSheets层叠样式表/rel=relationship/html引入css的4种方式内联style属性style标签外部文件csslink@importurl(./xxx);左右布局把所有的子元素加上float:left;、在子元素的爸爸上面加上class="clearfix",样式中加上下面几行代码:content:'';display:block;cl
- 清除浮动
姓高名旭升
clear.box{width:100px;height:100px;background-color:red;clear:left;}清除左浮动.box{width:100px;height:100px;background-color:red;clear:right;}清除右浮动both可以清除对它影响最大的浮动可以解决高度塌陷.clearfix:after.clearfix:after{co
- 完善clearfix等
晓枷锁
完善clearfix.box1{width:300px;height:300px;background-color:#bfa;/*padding-top:1px;*/}/*解决父子元素外边聚重叠*/.box1:before{content:"";display:table;}.box2{width:200px;height:200px;background-color:yellow;margin-
- 常见的CSS布局小技巧
Mr_LvHeng
常见的CSS布局小技巧左右布局给父盒子添加清除浮动clearfix样式给子盒子添加左右浮动float:left;、float:right;案例:CSS部分:/*clearfix的写法无需理解*/.clearfix::after{content:'';display:block;clear:both;}/*父盒子*/.main{width:800px;padding:20px;/*为了显示效果,可以
- Bootstrap之辅助类样式,响应式工具和小图标组件
Ying(英子)
web前端bootstrap响应式小图标组件辅助类样式
Bootstrap之辅助类样式,响应式工具和小图标组件的使用一.辅助类样式Bootstrap在布局方面提供了一些细小的辅助类样式,用于文字颜色以及背景色的设置、显示关闭图标等等。1.文本颜色类2.背景颜色类3.其他类关闭按钮close三角符号caret块级居中center-block快速浮动pull-left(左浮动),pull-right(右浮动)清理浮动clearfix显示和隐藏show(显示
- CSS清除浮动之after伪元素
远近高低各不同
css前端
在我们布局中,使用浮动会让我们元素脱离文档流,会影响接下来的布局,所以我们需要消除浮动,让我为大家介绍一种非常常用的一种清除浮动的方法吧!after伪元素清除浮动/*给需要浮动元素的父级元素添加上clearfix类名即可*/.clearfix::after{content:"";/*伪元素必须设置的*/display:block;/*转换成块元素*/height:0;clear:both;over
- 布局-float布局
郑馋师
布局type固定宽度不固定宽度响应式(pc:固定手机:不固定)csstypefloatflewgrid图片来源饥人谷网课上图为选用原则float子元素加float:left和width父元素命名为.clearfix,然后.clearfix:after{content:"";display:block;clear:both;}.clearfix{border:1pxblacksolid;}就可以包住
- css实现二级导航下拉菜单
小舟423
csscss3前端
这是一个简单的二级导航下拉菜单,大伙觉得有用,可以点个赞,直接上代码了!Documentbody,ul{margin:0;padding:0;}ul{list-style:none;}a{text-decoration:none;}.clearfix:after{content:"";display:block;clear:both;/*清除浮动*/}.menu{width:100%;height
- css如何实现太极图!
小舟423
css前端javascript
这是一个简单的太极图的写法,大伙觉得有用,可以点个赞,直接上代码了!太极图*{margin:0;padding:0;list-style:none;}body{background:#666666;}#wrap{width:300px;height:300px;margin:200pxauto0;position:relative;}/*清除浮动*/.clearfix:after{content:
- 让浮动元素居中的几种方法
给贝贝赚口粮
前端csscss3html
让浮动元素居中的几种方法方法一:给浮动元素外层包裹一个div,这个div和浮动元素宽度一致,然后对这个div设置margin:0auto;-------html-------float-item-------css--------.clearfix{//IE清除浮动*zoom:1;}.clearfix::after{//清除浮动content:"";clear:both;display:block
- css 易忘知识
阿龙哟
哪些属性可以继承,哪些属性不可以继承1.color可以继承2.font-size可以继承3.font-familyspan和span之间是有空格的12和下面这样的代码是有区别的,一个空格12要写浮动,就给父级元素添加清除浮动.clearfix::after{content:'';display:block;clear:both;}伪元素和伪类伪类和伪元素伪类的操作对象是文档树中已有的元素,而伪元素
- 饥人谷作业 -- css布局及其技巧
xiaoznz
1.左右布局实际项目开发过程中遇到页面DIV左右布局的需求:左侧DIV固定宽度,右侧DIV自适应宽度,填充满剩余页面,(然后本人充当抄袭的急先锋,拾人牙慧了)首先提供传统的方案:左侧DIV(可以加个div来clearfix)设置float属性为left,右侧DIV设置margin-left属性等于或大于左侧DIV宽度,如图:第二可以试试左侧DIV设置float属性为left,负边距100%,右侧D
- JQuery-ui拖拽排序思路 自定义拖拽装扮
招来红月
javascriptjavascriptjquery
这里只提供一个自定义装扮的思路,具体的组件样式还是要自己去写下面是一个完整的demojquery和jquery-ui我这里用的cdn直接打开可能会报错所以要用localhost或者你本地主机域名打开或者用编译器默认打开也可以里面有详细的注释下面是代码拖拽demo*{padding:0;margin:0;list-style:none;}.clearfix:after{content:"";disp
- CSS入门(6)
sakura579
上篇讲的清除浮动更加企业级用法如下这样是最好的就是还是用那个.clearfix类.clearfix::after{content:"";display:block;clear:both;}.box{width:200px;border:1pxsolid#000;}.box.inner-box{width:100px;height:100px;}.box.inner-box.box1{backgro
- 【Bootstrap5学习 day9】
Dosage de fleurs
学习前端javascript
Bootstrap5小工具边框类使用边框类为元素添加或删除边框边框圆角使用rounded类为元素添加圆角浮动与清除浮动元素向右浮动使用.float-end类,向左浮动使用.float-start类,.clearfix类用于清除浮动向左浮动向右浮动响应式浮动可以根据屏幕尺寸来设置浮动效果.float-*-left|right-*表示sm(>=576px)md(>=768px)lg(>=992px)x
- Day7:html和css
魔王哪吒
标题图Day7:html和css如果有浮动,会导致脱标,定位也能脱标,我们没有清除浮动,因为里面有子绝父相.清除浮动的方法额外标签法,在最后一个浮动元素后面添加一个空的标签代码:使用after伪元素进行清除浮动..clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}.clearfix{*zoo
- CSS学习之-06
Dragonlongbo
css学习前端
margin:元素对齐方式,使用auto实现居中。text-align:文本对齐方式,使用center实现居中。position:absolute-left、right左右对齐float:left、right左右对齐,当使用float时,子元素的高度大于父元素,且子元素设置了浮动,那么子元素将溢出,这时候你可以使用clearfix(清除浮动)来解决问题.clearfix{overflow:auto
- CSS-float浮动和高度塌陷问题详解
王十四兄
csscsshtml前端webcss3
文章目录浮动float1.float基本属性2.环绕的float3.float撑开内容高度塌陷问题详解1.什么是高度塌陷说明2.解决方法2.1.解决方法一W3C隐藏属性说明如何开启元素的BFC兼容性ZOOM2.2.解决方法二(推荐)清除浮动说明解决步骤2.3.解决方法三(很推荐)2.4.补充完善clearfix(强烈推荐)父子元素的垂直外边距重叠多功能的clearfix(最终版本)浮动float1
- CSS解决引浮动float产生的塌陷问题怎么解决?
三杯温开水
知识总结csshtml
我在学习CSS的时候经常遇到这样的一个问题,就是因为浮动后导致整个页面塌陷,下面我们一起来学习一下怎么解决这个高度塌陷的问题吧!首先我们高度塌陷是因为子元素产生浮动,导致父元素无法监测到子元素的变化,从而导致高度塌陷。那麽我们怎么解决呢?这里分享我对于这个高度塌陷的解决方法:第一种解决方法,通过添加一个div解决这个问题。给这个div设置一个清除样式的浮动,clear:both;.clearfix
- CSS布局
小白兔养家
左右布局浮动法.clearfix::after{content:"";display:block;clear:both;}绝对定位法.wrapper{position:relative;}.left,.right{position:absolute;top:0;width:50%;left:0;}.right{right:0;}左中右布局左中右布局也可以使用浮动法和绝对定位法。水平居中内联元素在父
- H5C3练习心得(小米商城)12.11
瑶瑶南波万
csshtmlcss3
1.为什么要清除浮动?浮动的定义:非IE浏览器下,容器不设高度且子元素浮动时,容器高度不能被内容撑开。此时,内容会溢出到容器外面影响布局。这种现象被称为浮动(溢出)。为了防止溢出,所以要清除浮动。固定格式如下:.clearfix::after{/*清除浮动*/content:"";display:block;clear:both;}2.为什么要设置内边距和外边距为0?(其实还不太清楚)默认情况下,
- 布局05
迷路了吗_67f1
美团{margin:0px;padding:0px;}.clearfix:after,.clearfix:before{content:'';display:table;}.clearfix:after{clear:both;}.clearfix{zoom:1;}.box{width:1326px;margin:0auto;}.head{width:1326px;height:38px;backg
- “查看更多”功能,较完美的实现
帅比九日
踩过的坑cssjshtmljqueryjavascript
“查看更多”功能,较完美的实现需求:文本过多时隐藏文本,用省略号代替,省略号后面有“查看更多”的按钮。点击“查看更多”后展开所有文本,如下图:点击“收起”后恢复原状。实现...查看更多测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi收起.clearfix:after{content:".";d
- css布局
vivienYang2019
最近在学习css相关的知识,本文主要总结一些css布局相关的知识。一、左右布局和左中右布局左右布局和左中右布局都属于横向布局,横向布局的主要方法是float+clearfix就是给子元素都加上float:left,然后给父元素加上clearfix```//css部分.clearfix::after{content:'';display:block;clear:both;}//html部分左左左``
- 完善crearfix 解决高度塌陷
吕若凡
!DOCTYPEhtml>完善clearfix.box1{width:300px;height:300px;background-color:#bfa;}.box2{width:200px;height:200px;background-color:yellow;/*子元素和父元素相邻的垂直外边距会发生重叠,子元素的外边距会传递给父元素使用空的table标签可以隔离父子元素的外边距,阻止外边距的重
- 利用Request.meta属性给回调函数传参
dshowing
知道这个,但一直不清楚怎么用,这里借鉴了网上朋友的例子Requset.meta语句#回调函数defparse(self,response):#xpath解析并在选择器对象中遍历forselinresponse.xpath('//li[@class="clearfix"]/div[@class="list_con"]'):#实例化itemitem=DmozItem()#转换为str格式item['h
- css布局常用命名
壮壮成长记
布局常用命名headersidebarcontentfooterclearfix:清楚浮动.clearfix{*zoom:1}.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}
- 进阶任务10(主线任务):事件的应用
_小黑
代码1:ul,li{margin:0;padding:0;}li{list-style:none;}.clearfix:after{content:'';display:block;clear:both;}.tab{width:600px;margin:20pxauto;border:1pxsolid#ccc;padding:20px10px;border-radius:4px;}.tab-hea
- 任务12 初识CSS的布局
23f43267337f
左右布局1,float+margin实现左右布局float属性是将该块状区域脱离父级标签的文档流,left属性值使该区域向父级标签区域的左侧边界放置,right属性值使该区域块向父级标签的右侧边界放置。有几个特点:包裹性:可以按照区域块中子元素的实际宽度进行包裹破坏性:float区域块不会被父级区域块包裹,造成前端常见的高度塌陷问题,解决办法是清除浮动(clearfix);占位性:float区域会
- Java实现的基于模板的网页结构化信息精准抽取组件:HtmlExtractor
yangshangchuan
信息抽取HtmlExtractor精准抽取信息采集
HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件,本身并不包含爬虫功能,但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。
HtmlExtractor是为大规模分布式环境设计的,采用主从架构,主节点负责维护抽取规则,从节点向主节点请求抽取规则,当抽取规则发生变化,主节点主动通知从节点,从而能实现抽取规则变化之后的实时动态生效。
如
- java编程思想 -- 多态
百合不是茶
java多态详解
一: 向上转型和向下转型
面向对象中的转型只会发生在有继承关系的子类和父类中(接口的实现也包括在这里)。父类:人 子类:男人向上转型: Person p = new Man() ; //向上转型不需要强制类型转化向下转型: Man man =
- [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系
comsci
dp
对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....
首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
- storm 自定义 日志文件
商人shang
stormclusterlogback
Storm中的日志级级别默认为INFO,并且,日志文件是根据worker号来进行区分的,这样,同一个log文件中的信息不一定是一个业务的,这样就会有以下两个需求出现:
1. 想要进行一些调试信息的输出
2. 调试信息或者业务日志信息想要输出到一些固定的文件中
不要怕,不要烦恼,其实Storm已经提供了这样的支持,可以通过自定义logback 下的 cluster.xml 来输
- Extjs3 SpringMVC使用 @RequestBody 标签问题记录
21jhf
springMVC使用 @RequestBody(required = false) UserVO userInfo
传递json对象数据,往往会出现http 415,400,500等错误,总结一下需要使用ajax提交json数据才行,ajax提交使用proxy,参数为jsonData,不能为params;另外,需要设置Content-type属性为json,代码如下:
(由于使用了父类aaa
- 一些排错方法
文强chu
方法
1、java.lang.IllegalStateException: Class invariant violation
at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228)
at o
- Swing中文件恢复我觉得很难
小桔子
swing
我那个草了!老大怎么回事,怎么做项目评估的?只会说相信你可以做的,试一下,有的是时间!
用java开发一个图文处理工具,类似word,任意位置插入、拖动、删除图片以及文本等。文本框、流程图等,数据保存数据库,其余可保存pdf格式。ok,姐姐千辛万苦,
- php 文件操作
aichenglong
PHP读取文件写入文件
1 写入文件
@$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab");
if(!$fp){
echo "open file error" ;
exit;
}
$outputstring="date:"." \t tire:".$tire."
- MySQL的btree索引和hash索引的区别
AILIKES
数据结构mysql算法
Hash 索引结构的特殊性,其 检索效率非常高,索引的检索可以一次定位,不像B-Tree 索引需要从根节点到枝节点,最后才能访问到页节点这样多次的IO访问,所以 Hash 索引的查询效率要远高于 B-Tree 索引。
可能很多人又有疑问了,既然 Hash 索引的效率要比 B-Tree 高很多,为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
- JAVA的抽象--- 接口 --实现
百合不是茶
抽象 接口 实现接口
//抽象 类 ,方法
//定义一个公共抽象的类 ,并在类中定义一个抽象的方法体
抽象的定义使用abstract
abstract class A 定义一个抽象类 例如:
//定义一个基类
public abstract class A{
//抽象类不能用来实例化,只能用来继承
//
- JS变量作用域实例
bijian1013
作用域
<script>
var scope='hello';
function a(){
console.log(scope); //undefined
var scope='world';
console.log(scope); //world
console.log(b);
- TDD实践(二)
bijian1013
javaTDD
实践题目:分解质因数
Step1:
单元测试:
package com.bijian.study.factor.test;
import java.util.Arrays;
import junit.framework.Assert;
import org.junit.Before;
import org.junit.Test;
import com.bijian.
- [MongoDB学习笔记一]MongoDB主从复制
bit1129
mongodb
MongoDB称为分布式数据库,主要原因是1.基于副本集的数据备份, 2.基于切片的数据扩容。副本集解决数据的读写性能问题,切片解决了MongoDB的数据扩容问题。
事实上,MongoDB提供了主从复制和副本复制两种备份方式,在MongoDB的主从复制和副本复制集群环境中,只有一台作为主服务器,另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式,需要指明
- 【HBase五】Java API操作HBase
bit1129
hbase
import java.io.IOException;
import org.apache.hadoop.conf.Configuration;
import org.apache.hadoop.hbase.HBaseConfiguration;
import org.apache.hadoop.hbase.HColumnDescriptor;
import org.apache.ha
- python调用zabbix api接口实时展示数据
ronin47
zabbix api接口来进行展示。经过思考之后,计划获取如下内容: 1、 获得认证密钥 2、 获取zabbix所有的主机组 3、 获取单个组下的所有主机 4、 获取某个主机下的所有监控项  
- jsp取得绝对路径
byalias
绝对路径
在JavaWeb开发中,常使用绝对路径的方式来引入JavaScript和CSS文件,这样可以避免因为目录变动导致引入文件找不到的情况,常用的做法如下:
一、使用${pageContext.request.contextPath}
代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名,这样不管如何部署,所用路径都是正确的。
- Java定时任务调度:用ExecutorService取代Timer
bylijinnan
java
《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由,我认为其中最重要的理由是:
如果TimerTask抛出未检查的异常,Timer将会产生无法预料的行为。Timer线程并不捕获异常,所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下,Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时,已经被
- SQL 优化原则
chicony
sql
一、问题的提出
在应用系统开发初期,由于开发数据库数据比较少,对于查询SQL语句,复杂视图的的编写等体会不出SQL语句各种写法的性能优劣,但是如果将应用系统提交实际应用后,随着数据库中数据的增加,系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据,劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍,可见对于一个系统
- java 线程弹球小游戏
CrazyMizzz
java游戏
最近java学到线程,于是做了一个线程弹球的小游戏,不过还没完善
这里是提纲
1.线程弹球游戏实现
1.实现界面需要使用哪些API类
JFrame
JPanel
JButton
FlowLayout
Graphics2D
Thread
Color
ActionListener
ActionEvent
MouseListener
Mouse
- hadoop jps出现process information unavailable提示解决办法
daizj
hadoopjps
hadoop jps出现process information unavailable提示解决办法
jps时出现如下信息:
3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
- PHP图片水印缩放类实现
dcj3sjt126com
PHP
<?php
class Image{
private $path;
function __construct($path='./'){
$this->path=rtrim($path,'/').'/';
}
//水印函数,参数:背景图,水印图,位置,前缀,TMD透明度
public function water($b,$l,$pos
- IOS控件学习:UILabel常用属性与用法
dcj3sjt126com
iosUILabel
参考网站:
http://shijue.me/show_text/521c396a8ddf876566000007
http://www.tuicool.com/articles/zquENb
http://blog.csdn.net/a451493485/article/details/9454695
http://wiki.eoe.cn/page/iOS_pptl_artile_281
- 完全手动建立maven骨架
eksliang
javaeclipseWeb
建一个 JAVA 项目 :
mvn archetype:create
-DgroupId=com.demo
-DartifactId=App
[-Dversion=0.0.1-SNAPSHOT]
[-Dpackaging=jar]
建一个 web 项目 :
mvn archetype:create
-DgroupId=com.demo
-DartifactId=web-a
- 配置清单
gengzg
配置
1、修改grub启动的内核版本
vi /boot/grub/grub.conf
将default 0改为1
拷贝mt7601Usta.ko到/lib文件夹
拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹
拷贝wifiscan到bin文件夹,chmod 775 /bin/wifiscan
拷贝wifiget.sh到bin文件夹,chm
- Windows端口被占用处理方法
huqiji
windows
以下文章主要以80端口号为例,如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等. 这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
- 开源ckplayer 网页播放器, 跨平台(html5, mobile),flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 !
天梯梦
mobile
CKplayer,其全称为超酷flv播放器,它是一款用于网页上播放视频的软件,支持的格式有:http协议上的flv,f4v,mp4格式,同时支持rtmp视频流格 式播放,此播放器的特点在于用户可以自己定义播放器的风格,诸如播放/暂停按钮,静音按钮,全屏按钮都是以外部图片接口形式调用,用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了,
- 简单工厂设计模式
hm4123660
java工厂设计模式简单工厂模式
简单工厂模式(Simple Factory Pattern)属于类的创新型模式,又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例,被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式,可以理解为是不同工厂模式的一个特殊实现。
- maven笔记
zhb8015
maven
跳过测试阶段:
mvn package -DskipTests
临时性跳过测试代码的编译:
mvn package -Dmaven.test.skip=true
maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为,即跳过编译,又跳过测试。
指定测试类
mvn test
- 非mapreduce生成Hfile,然后导入hbase当中
Stark_Summer
maphbasereduceHfilepath实例
最近一个群友的boss让研究hbase,让hbase的入库速度达到5w+/s,这可愁死了,4台个人电脑组成的集群,多线程入库调了好久,速度也才1w左右,都没有达到理想的那种速度,然后就想到了这种方式,但是网上多是用mapreduce来实现入库,而现在的需求是实时入库,不生成文件了,所以就只能自己用代码实现了,但是网上查了很多资料都没有查到,最后在一个网友的指引下,看了源码,最后找到了生成Hfile
- jsp web tomcat 编码问题
王新春
tomcatjsppageEncode
今天配置jsp项目在tomcat上,windows上正常,而linux上显示乱码,最后定位原因为tomcat 的server.xml 文件的配置,添加 URIEncoding 属性:
<Connector port="8080" protocol="HTTP/1.1"
connectionTi