css使用1-搜狐浏览器和chrome浏览器不同点记录

1.搜狐不支持innerText属性,而chrome支持。   不断添加中...

解决子级用css float浮动 而父级div没高度不能自适应高度(转)

http://www.divcss5.com/jiqiao/j612.shtml感谢分享解决子级对象使用cssfloat浮动而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法。最外层的父级DIV不能自适应高度-不能随对象撑开没有高度当在对象内的盒子使用了float后,导致对象本身不能被撑开自适应高度,这个是由于浮动产生原因。如何解决父div对象自适应高度,方法有三种,接下来DIVCSS5逐一介绍。1、首先我们先看HTML源代码:1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8"/>5<title>父div不自适应高度实例</title>6<style>7.divcss5{width:500px;border:1pxsolid#000;padding:10px}8.divcss5-lf{float:left;width:220px;height:100px;background:#000}9.divcss5-rt{float...

css样式优先级

样式优先级的学习,很形象,谢谢原作者分享:http://www.cnblogs.com/qieqing/articles/1224085.html一般情况下:[1位重要标志位]>[4位特殊性标志]>声明先后顺序!important>[id>class>tag]  使用!important可以改变优先级别为最高,其次是style对象,然后是id>class>tag,另外,另外在同级样式按照申明的顺序后出现的样式具有高优先级。先来看下!important这个诡异的东西。1 <style type="text/css"> 2  div{background: red !important; background: blue}3 </style> ­除了IE6,其他浏览器都会显示背景为红色,正是!important的作用,意思就是只要我在这里我就是最重要的啦,任何东西都不能取代我,没看见都是一个!外加...
代码星球 代码星球·2021-02-21

css 笔记

1. 外边距合并外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 2.CSS定位CSS的定位机制有3种:普通流、浮动(float:left/right/none)和定位 (position:static/relative/absolute/)普通流就是正常的文档流,在HTML里面的写法就是从上到下,从左到右的排版布局。一旦给其中的某个DIV进行float属性或者absolute定位(不包括static/relative,这两个依然保持正常的文档流),则它完全脱离文档流,不占空间。  3. ...
代码星球 代码星球·2021-02-21

css初始化代码

最近老有新项目开发,一直在找存留的CSS初始化代码,索性放到这里备份下,@charset"utf-8";/*--------------------------------------*-------------------------------------*------------------------------------*------------------------------------*StartReset*clearcss/********************/a,abbr,address,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,img,input,select,textarea,ins,label,le...
代码星球 代码星球·2021-02-21

css中选择器的使用技巧

td:first-child{选择第一个}td:last-child{选择最后一个}td:nth-child(3){选择第3个}一个简单的选择方法,很方便...
代码星球 代码星球·2021-02-21

css 自动换行 [英文、数字、中文]

white-space:normal;overflow:auto;table-layout:fixed;word-break:break-all; ...

css width: 50% 不会并排显示

1、例:宽度我设置的是25%,按理来说,应该是4个排列的,实际上如下图: 2、因为:是由于 HTML的标签之间,存在着间距,当显示页面时,浏览器会移除源代码中多余的空格和空行,所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML代码中的所有连续的空行(换行)也被显示为一个空格,此为“HTML的空白折叠现象”。3、所以:需要在父元素设置font-size:0,把代码之间的行,空格等,全部设置为0;即可以正常4个排列一起,如下图: 需要注意的是,由于我们在父元素中,设置了 font-size:0,子元素中,需要单独设置字号,否则子元素中的字体,无法显示。...

css文字环绕

html:<divclass="wrap-div-topSpacer"></div><divclass="wrap-div"><imgsrc="image/tineng1.png"alt=""></div><divstyle="font-size:16px;text-indent:2rem;">通过体能测试获得基本数据资料,由此找到幼儿体能训练的更好方法,以促进幼儿体能的提高,测试结果也将为幼儿园调整户外体育活动的组织形式,开展体育区域活动,变“集中统一活动”为“分区自主活动”,变“同年龄班活动”为“混龄班活动”,创设开放性的体育活动环境提供科学数据和对比依据。充分利用测试结果发现问题,“用幼儿感兴趣的方式发展基本动作,提高动作的协调性、灵活性以及平衡性”,逐步形成园本教育特色,打造园所教育品牌,凸现园所文化,为孩子一生运动能力和良好运动习惯打下基础。</div>css:div.wrap-div-topSpacer{width:0px;height:40px;float:left;}div.wrap-d...
代码星球 代码星球·2021-02-20

css首行缩进2个字符

css设置:p{text-indent:2em;} ...

DIV+CSS实现竖排按钮样式

<divclass="btn_leftbtn_left1">每日单元成功率</div><br/><divclass="btn_leftbtn_left2">周单日最高纪录</div>.btn_left{width:25px;border:1pxsolid#fe6500;height:200px;margin-top:-1px;line-height:20px;padding-top:25px;word-wrap:break-word;/*英文的时候需要加上这句,自动换行*/text-align:center;cursor:pointer;} ...

带箭头的输入框(div+CSS设置滚动条)

div、textarea等,都可是设置有滚动条:y轴滚动条:overflow-Y:scrollx轴滚动条:overflow-X:scroll<textareaclass="msg_txt"style="overflow-Y:scroll"disabled>XXXXXXXXXXXXX</textarea><divclass="msg_txt"style="overflow-Y:scroll"disabled>XXXXXXXXXXXXX</div>图片以y轴为例: ...

css图片文字一排

<divclass="footer1"><divclass="vercital-head"></div><!--羊肉串--><imgclass="vercital-body"src="images/上一页.png"onclick="prve()"><inputclass="foot_btnvercital-body"style="background-color:#fe6500;"type="button"name=""value="1"><inputclass="foot_btnvercital-body"type="button"name=""value="2"><inputclass="foot_btnvercital-body"type="button"name=""value="3"><inputclass="foot_btnvercital-body"type="button"name=""value="4"><imgclass="vercital-body"s...
代码星球 代码星球·2021-02-20

css3新增的content 的用法:

<-----------------------------------------------文字加在内容后面----------------------------------------------->css:a:after{  content:"我在你后面";}html:<a>123456789</a><-----------------------------------------------文字加在内容前面----------------------------------------------->css:a:before{  content:"我在你前面";}html:<a>123456789</a>...
代码星球 代码星球·2021-02-20

web前端css的3种定位属性

CSS的定位属性有三种,分别是相对定位、绝对定位、固定定位。1. 相对定位  //占坑定位,不脱标。还占着标准流里的原来位置,只是参照自己原来位置进行偏移。  定义:相对于自己原来的位置进行位置调整。一般用于位置微调。  用途:    1)微调自己的位置    2)做子元素绝对定位的参考,子绝父相 2. 绝对定位  //脱标定位,脱离标准流。  定义:相对于定位的父元素进行自己的位置调整。定位的父元素可以是相对定位、绝对定位、固定定位,是最靠近的父元素。  用途:    1)绝对定位之后,标签就不区分行内元素、块级元素了,不需要display:block就可以设置宽、高。    2)压盖效果实现 3. 固定定位  定义:相对于浏览器窗口进行定位。无论页面如何滚动,这个盒子显示的位置不变。  用途:    1)返回顶部实现    2)导航栏实现 ...
首页上一页...56789...下一页尾页