- 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区域会
- Enum 枚举
120153216
enum枚举
原文地址:http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration
于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型,比如四个季节、扑克花色。在出现enum type之前,通常用一组int常量表示枚举类型。比如这样:
public static final int APPLE_FUJI = 0
- Java8简明教程
bijian1013
javajdk1.8
Java 8已于2014年3月18日正式发布了,新版本带来了诸多改进,包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。
一.允许在接口中有默认方法实现
Java 8 允许我们使用default关键字,为接口声明添
- Oracle表维护 快速备份删除数据
cuisuqiang
oracle索引快速备份删除
我知道oracle表分区,不过那是数据库设计阶段的事情,目前是远水解不了近渴。
当前的数据库表,要求保留一个月数据,且表存在大量录入更新,不存在程序删除。
为了解决频繁查询和更新的瓶颈,我在oracle内根据需要创建了索引。但是随着数据量的增加,一个半月数据就要超千万,此时就算有索引,对高并发的查询和更新来说,让然有所拖累。
为了解决这个问题,我一般一个月会进行一次数据库维护,主要工作就是备
- java多态内存分析
麦田的设计者
java内存分析多态原理接口和抽象类
“ 时针如果可以回头,熟悉那张脸,重温嬉戏这乐园,墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗?这大时代会不会牵挂,过去现在花开怎么会等待。
但有种意外不管痛不痛都有伤害,光阴远远离开,那笑声徘徊与脑海。但这一秒可笑不再可爱,当天心
- Xshell实现Windows上传文件到Linux主机
被触发
windows
经常有这样的需求,我们在Windows下载的软件包,如何上传到远程Linux主机上?还有如何从Linux主机下载软件包到Windows下;之前我的做法现在看来好笨好繁琐,不过也达到了目的,笨人有本方法嘛;
我是怎么操作的:
1、打开一台本地Linux虚拟机,使用mount 挂载Windows的共享文件夹到Linux上,然后拷贝数据到Linux虚拟机里面;(经常第一步都不顺利,无法挂载Windo
- 类的加载ClassLoader
肆无忌惮_
ClassLoader
类加载器ClassLoader是用来将java的类加载到虚拟机中,类加载器负责读取class字节文件到内存中,并将它转为Class的对象(类对象),通过此实例的 newInstance()方法就可以创建出该类的一个对象。
其中重要的方法为findClass(String name)。
如何写一个自己的类加载器呢?
首先写一个便于测试的类Student
- html5写的玫瑰花
知了ing
html5
<html>
<head>
<title>I Love You!</title>
<meta charset="utf-8" />
</head>
<body>
<canvas id="c"></canvas>
- google的ConcurrentLinkedHashmap源代码解析
矮蛋蛋
LRU
原文地址:
http://janeky.iteye.com/blog/1534352
简述
ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢?其实它本身是对
ConcurrentHashMap的封装,可以用来实现一个基于LRU策略的缓存。详细介绍可以参见
http://code.google.com/p/concurrentlinke
- webservice获取访问服务的ip地址
alleni123
webservice
1. 首先注入javax.xml.ws.WebServiceContext,
@Resource
private WebServiceContext context;
2. 在方法中获取交换请求的对象。
javax.xml.ws.handler.MessageContext mc=context.getMessageContext();
com.sun.net.http
- 菜鸟的java基础提升之道——————>是否值得拥有
百合不是茶
1,c++,java是面向对象编程的语言,将万事万物都看成是对象;java做一件事情关注的是人物,java是c++继承过来的,java没有直接更改地址的权限但是可以通过引用来传值操作地址,java也没有c++中繁琐的操作,java以其优越的可移植型,平台的安全型,高效性赢得了广泛的认同,全世界越来越多的人去学习java,我也是其中的一员
java组成:
- 通过修改Linux服务自动启动指定应用程序
bijian1013
linux
Linux中修改系统服务的命令是chkconfig (check config),命令的详细解释如下: chkconfig
功能说明:检查,设置系统的各种服务。
语 法:chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level <</SPAN>
- spring拦截器的一个简单实例
bijian1013
javaspring拦截器Interceptor
Purview接口
package aop;
public interface Purview {
void checkLogin();
}
Purview接口的实现类PurviesImpl.java
package aop;
public class PurviewImpl implements Purview {
public void check
- [Velocity二]自定义Velocity指令
bit1129
velocity
什么是Velocity指令
在Velocity中,#set,#if, #foreach, #elseif, #parse等,以#开头的称之为指令,Velocity内置的这些指令可以用来做赋值,条件判断,循环控制等脚本语言必备的逻辑控制等语句,Velocity的指令是可扩展的,即用户可以根据实际的需要自定义Velocity指令
自定义指令(Directive)的一般步骤
&nbs
- 【Hive十】Programming Hive学习笔记
bit1129
programming
第二章 Getting Started
1.Hive最大的局限性是什么?一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce),不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的?Hive persists table schemas and other system metadata.
- nginx有选择性进行限制
ronin47
nginx 动静 限制
http {
limit_conn_zone $binary_remote_addr zone=addr:10m;
limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;...
server {...
location ~.*\.(gif|png|css|js|icon)$ {
- java-4.-在二元树中找出和为某一值的所有路径 .
bylijinnan
java
/*
* 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it.
* 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
- Netty学习笔记
bylijinnan
javanetty
本文是阅读以下两篇文章时:
http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html
http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html
我的一些笔记
===
- js获取项目路径
cngolon
js
//js获取项目根路径,如: http://localhost:8083/uimcardprj
function getRootPath(){
//获取当前网址,如: http://localhost:8083/uimcardprj/share/meun.jsp
var curWwwPath=window.document.locati
- oracle 的性能优化
cuishikuan
oracleSQL Server
在网上搜索了一些Oracle性能优化的文章,为了更加深层次的巩固[边写边记],也为了可以随时查看,所以发表这篇文章。
1.ORACLE采用自下而上的顺序解析WHERE子句,根据这个原理,表之间的连接必须写在其他WHERE条件之前,那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。(这点本人曾经做过实例验证过,的确如此哦!
- Shell变量和数组使用详解
daizj
linuxshell变量数组
Shell 变量
定义变量时,变量名不加美元符号($,PHP语言中变量需要),如:
your_name="w3cschool.cc"
注意,变量名和等号之间不能有空格,这可能和你熟悉的所有编程语言都不一样。同时,变量名的命名须遵循如下规则:
首个字符必须为字母(a-z,A-Z)。
中间不能有空格,可以使用下划线(_)。
不能使用标点符号。
不能使用ba
- 编程中的一些概念,KISS、DRY、MVC、OOP、REST
dcj3sjt126com
REST
KISS、DRY、MVC、OOP、REST (1)KISS是指Keep It Simple,Stupid(摘自wikipedia),指设计时要坚持简约原则,避免不必要的复杂化。 (2)DRY是指Don't Repeat Yourself(摘自wikipedia),特指在程序设计以及计算中避免重复代码,因为这样会降低灵活性、简洁性,并且可能导致代码之间的矛盾。 (3)OOP 即Object-Orie
- [Android]设置Activity为全屏显示的两种方法
dcj3sjt126com
Activity
1. 方法1:AndroidManifest.xml 里,Activity的 android:theme 指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例: <application
- solrcloud 部署方式比较
eksliang
solrCloud
solrcloud 的部署其实有两种方式可选,那么我们在实践开发中应该怎样选择呢? 第一种:当启动solr服务器时,内嵌的启动一个Zookeeper服务器,然后将这些内嵌的Zookeeper服务器组成一个集群。 第二种:将Zookeeper服务器独立的配置一个集群,然后将solr交给Zookeeper进行管理
谈谈第一种:每启动一个solr服务器就内嵌的启动一个Zoo
- Java synchronized关键字详解
gqdy365
synchronized
转载自:http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html
多线程的同步机制对资源进行加锁,使得在同一个时间,只有一个线程可以进行操作,同步用以解决多个线程同时访问时可能出现的问题。
同步机制可以使用synchronized关键字实现。
当synchronized关键字修饰一个方法的时候,该方法叫做同步方法。
当s
- js实现登录时记住用户名
hw1287789687
记住我记住密码cookie记住用户名记住账号
在页面中如何获取cookie值呢?
如果是JSP的话,可以通过servlet的对象request 获取cookie,可以
参考:http://hw1287789687.iteye.com/blog/2050040
如果要求登录页面是html呢?html页面中如何获取cookie呢?
直接上代码了
页面:loginInput.html
代码:
<!DOCTYPE html PUB
- 开发者必备的 Chrome 扩展
justjavac
chrome
Firebug:不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench
ChromeSnifferPlus:Chrome 探测器,可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
- 算法机试题
李亚飞
java算法机试题
在面试机试时,遇到一个算法题,当时没能写出来,最后是同学帮忙解决的。
这道题大致意思是:输入一个数,比如4,。这时会输出:
&n
- 正确配置Linux系统ulimit值
字符串
ulimit
在Linux下面部 署应用的时候,有时候会遇上Socket/File: Can’t open so many files的问题;这个值也会影响服务器的最大并发数,其实Linux是有文件句柄限制的,而且Linux默认不是很高,一般都是1024,生产服务器用 其实很容易就达到这个数量。下面说的是,如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了,所以我将这篇归纳进
- hibernate调用返回游标的存储过程
Supanccy2013
javaDAOoracleHibernatejdbc
注:原创作品,转载请注明出处。
上篇博文介绍的是hibernate调用返回单值的存储过程,本片博文说的是hibernate调用返回游标的存储过程。
此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。
1,创建oracle中的包,并在该包中创建的游标类型。
---创建oracle的程
- Spring 4.2新特性-更简单的Application Event
wiselyman
application
1.1 Application Event
Spring 4.1的写法请参考10点睛Spring4.1-Application Event
请对比10点睛Spring4.1-Application Event
使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低;
1.2 示例
包依赖
<p