forwardRain
forwardRain

css笔记

背景图片满屏显示：
.mainbody{position:absolute; top:0; left:0; height:100%; width:100%; background-image:url(images/bj.jpg); background-position:top  center; background-repeat: no-repeat; background-attachment:fixed; background-size: cover; -webkit-background-size: cover;-o-background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bj.jpg',sizingMethod='scale');zoom: 1;}
_background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="图片路径");

white-space:nowrap;同以超链接不换行

word-wrap:break-word ;英文数字换行虚加属性

table样式 

（ie6 max-height解决方案）
.divcss5{height: expression(this.height> 500 ? 500 : true); max-height: 500px;} 

针对低版本chrome谷歌浏览器设置一个校准字体大小样式：
-webkit-text-size-adjust:none*:focus { outline: none; }
input框去掉焦点  border-color: transparent;边框颜色透明

(1)透明度兼容性：
  filter:alpha(opacity=90);
 -moz-opacity:0.9;(火狐)
 -khtml-opacity: 0.9;opacity: 0.9;

(2)字体兼容性（设置成英文或unicode编码可兼容ie9等）：“黑体”对应英文名为“SimHei”“宋体”对应英文名为“SimSun”“仿宋”对应英文名为“FangSong”“微软雅黑”对应英文名为“Microsoft YaHei”

(3)hover兼容解决办法（ie6下不兼容a标签以外的hover属性）：    
  body { behavior:url("csshover.htc"); }
  /* css注释：别忘记csshover.htc，使用时候注意路径 */    
  img{width:165px; height:60px; background:#090;}
  /* 原本图片宽度和高度背景颜色 */     
  img:hover{width:200px; height:200px; padding:3px; border:2px solid #00F; cursor:pointer}     
  /* hover鼠标经过赋予让图片变宽 高，设置padding和2px蓝色边框、css cursor为鼠标指针样式  */     
  li:hover{ border:1px solid #000}
  /* li列表标签鼠标经过出现黑色边框 */     
  .abc:hover{ color:#F00}
  /* 对象.abc鼠标经过其内容css字体颜色变红色 */ 

(4)CSS hack之特殊符号的应用大全：
  1.适用浏览器：IE/Mac：    
    /* CSS注释：在IE Mac上忽略下面的语句 \*/ 
    selector { ...styles... } 
    /* 忽略结束 */ 反斜线（\）hack利用了IE/Mac的一个bug。以\*/结束的css 注释在IE/Mac上是不正确关闭的，所以那些需要在IE/Mac上被忽略的语句可以放在这种注释后面。

  2.适用浏览器：IE6及其以下版本：width: [W3C Model Width]; _width: [BorderBox Model];  IE 6 及以下的版本可以识别带有下划线前缀的属性，而其它浏览器会忽略它。因此，一个属性前面加上下划线或者连字符，就成为了IE6及以下版本浏览器的专有属性。

  3.适用浏览器：IE7以下版本：width: [W3C Model Width]; *width: [BorderBox Model]; 除了下划线和连字符，版本7及以下的IE可以识别以非字母字符为前缀的属性，而其它浏览器会忽略。

  4.适用浏览器：IE4-6：* html p {font-size: 5em; } HTML元素是W3C标准DOM的根元素，但是IE 4至6的版本中还有一个神秘的父元素。完全兼容的浏览器会忽略这个* html选择器，但IE4-6却会对它正常处理。这个HACK使用了完全有效的CSS。

  5.适用浏览器：IE7：    *+html p { font-size: 5em; } 只在IE7标准模型里工作正常，在怪异模式下不能用。同时，也被IE8的兼容模式（相当于IE7的标准模式）所支持。它也使用了有效的CSS。

  6.适用浏览器： IE6以上版本及非IE浏览器：html > body p { color: blue; } IE6和早期的版本不支持“子选择器”(>)，我们可以利用这个为其它浏览器指定特别的规则。

  7.适用浏览器： IE7以上版本及非IE浏览器    html >/**/ body p { color: blue; } 虽然IE7支持对子选择器，但通过以下hack方法也可以把IE7也排除。当一个空的注释紧跟在子选择器的后面重复的时候，IE7会不识别后面的规则，就和较早版本的浏览器一样。

(5)IE6 png图片透明的解决方法教程1、需要DD_belatedPNG.js和DD_belatedPNG_0.0.8a.js文件，下面我们会提供打包下载2、需要在需要支持png图片html页面引入这2个JS文件（2个js文件我们放入到js文件夹里为例）因为是针对IE6的，其它更高版本浏览器不需要使用此特效，所以我们使用注解式if条件让IE6读取JS文件，代码如下：    
   

(6)IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例 
  #divcss5{
    background:blue; /*Firefox 背景变蓝*/
    background:red \9; /*IE8 背景变红色*/
    background:black; /*IE7 背景变黑色*/
    _background:orange; /*IE6 背景变橘色*/
  }

(7)CSS Hack汇总快查(CSS兼容代码演示)
  1、屏蔽IE浏览器（也就是IE下不显示） 
    *:lang(zh) select {font:12px !important;} /*FF的专用
    */select:empty {font:12px !important;} /*safari可见*/这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。 

  2、仅IE7识别hack  *+html {…}当面临需要只针对IE7做样式的时候就可以采用这个HACK。 

  3、IE6及IE6以下识别CSS HACK * html {…}这个地方要特别注意很多地主都写了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。html/**/ >body select {……}这句与上一句的作用相同。 

  4、仅IE6不识别div hack     select { display /*IE6不识别*/:none;}这里主要是通过CSS注释分开一个属性与值，流释在冒号前。 

  5、仅IE6识别支持    _yangshi{_height:20px;}这里IE6支持识别CSS属性前“_”短下划线。

  6、仅IE6与IE5不识别     select/**/ { display /*IE6,IE5不识别*/:none;}这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。 

  7、仅IE5不识别     select/*IE5不识别*/ { display:none;}这一句是在上一句中去掉了属性区的注释。只有IE5不识别 

  8、盒模型解决方法     selct {width:IE5.x宽度; voice-family :"\"}\""; voice-family:inherit; width:正确宽度;}盒模型的清除方法不是通过!important来处理的。这点要明确。 

  9、清除浮动 
    select:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}在Firefox中，当子级都为浮动时，那么父级的高度就无法完全的包住整个子级，那么这时用这个清除浮动的HACK来对父级做一次定义，那么就可以解决这个问题 。
 
  10、截字省略号  select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }这个是在越出长度后会自行的截掉多出部分的文字，并以省略号结尾，很好的一个技术。只是目前Firefox并不支持。
 
  11、只有Opera识别  
    @media all and (min-width: 0px){ select {……} }针对Opera浏览器做单独的设定。 以上都是写CSS中的一些HACK，这些都是用来解决局部的兼容性问题，如果希望把兼容性的内容也分离出来，不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式，也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。

  12、IE的if条件Hack    
    所有的IE可识别
    只有IE5.0可以识别
    IE5.0包换IE5.5都可以识别
    仅IE6可识别
    IE6以及IE6以下的IE5.x都可识别
    仅IE7可识别 

  13、仅IE8兼容识别div{height:20px\9;}这里的“\9”仅IE8支持识别

(8)删除点击后链接产生的虚线框  
  一、使用CSS解决法，CSS代码：
    a {blr:expression(this.onFocus=this.blur())}
  二、直接在超链接标签内加属性代码如下：
    css

(9)不使用hover外部CSS样式实现hover鼠标悬停改变样式
  DIVCSS5

(10)CSS判断不同分辨率显示不同宽度布局CSS3技术支持IE6到IE8 
  .abc{ height:300px; border:1px solid #000; margin:0 auto}     

  @media screen and (min-width: 1201px) {     .abc {width: 1200px}      }     
  /* css注释：设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */        
  
  @media screen and (max-width: 1200px) {     .abc {width: 900px}      }     
  /* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */  
        
  @media screen and (max-width: 901px) {     .abc {width: 200px;}      }     
  /* 设置了浏览器宽度不大于901px时 abc 显示200px宽度 */     
     
  @media screen and (max-width: 500px) {     .abc {width: 100px;}      }     
  /* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */ 

(11)文件命名参考表，DIV CSS命名集合：
CSS样式命名     
说明网页公共命名
#wrapper    页面外围控制整体布局宽度
#container或#content     容器,用于最外层
#layout     布局
#head, #header  页头部分
#foot, #footer  页脚部分
#nav    主导航
#subnav     二级导航
#menu   菜单
#submenu    子菜单
#sideBar    侧栏
#sidebar_a, #sidebar_b  左边栏或右边栏
#main   页面主体#tag    标签
#msg #message   提示信息
#tips   小技巧
#vote   投票
#friendlink     友情连接
#title  标题
#summary    摘要
#loginbar   登录条
#searchInput    搜索输入框
#hot    热门热点
#search     搜索
#search_output  搜索输出和搜索结果相似
#searchBar  搜索条
#search_results     搜索结果
#copyright  版权信息
#branding   商标
#logo   网站LOGO标志
#siteinfo   网站信息
#siteinfoLegal  法律声明
#siteinfoCredits    信誉
#joinus     加入我们
#partner    合作伙伴
#service    服务
#regsiter   注册
#arr,  #arrow   箭头
#guild  指南
#sitemap    网站地图
#list   列表
#homepage   首页
#subpage    二级页面子页面
#tool, #toolbar     工具条
#drop   下拉
#dorpmenu   下拉菜单
#status     状态
#scroll     滚动

.tab    标签页
.left .right .center    居左、中、右
.news   新闻
.download   下载
.banner     广告条(顶部广告条)电子贸易相关
.products   产品
.products_prices    产品价格
.products_description   产品描述
.products_review    产品评论
.editor_review  编辑评论
.news_release   最新产品
.publisher  生产商
.screenshot     缩略图
.faqs   常见问题
.keyword    关键词
.blog   博客
.forum  论坛

CSS文件命名     说明
master.css,style.css    主要的
module.css  模块
base.css    基本共用
layout.css  布局，版面
themes.css  主题
columns.css     专栏
font.css    文字、字体
forms.css   表单
mend.css    补丁
print.css   打印```

                    
                

        
你可能感兴趣的:(css笔记)

        

            

                
    
                    
  • CSS笔记一
                        CspecialJ
css笔记前端
                        
    一、语法选择器{属性：属性值；属性：属性值}二、书写分类行内样式：直接通过style属性写在标签上123456页内样式：在html页面创建style标签外链样式：三、选择器3.1通用选择器*{padding:0pxmargin:0px}3.2标签选择器p{font-size:20pxwidth:20px}div{width:20pxheight:20px}3.3类选择器.div1{width:20
    
                    
    • 
                    
  • CSS笔记（九） 盒子模型---------清除浮动
                        Favour72
csscss3web前端大前端
                        
    前言我们前面学到的浮动元素有一个标准流的父元素，他们有一个共同点特点，都是有高度的但是，所有的父盒子都必须给高度吗最好的选择是不是让子盒子撑开父盒子，有多少子盒子就能撑开父盒子但是呢，由于在网页中父盒子在很多情况下没有给高度，子盒子float浮动了又不占有位置，那么没有盒子撑开父盒子了，父盒子的高度就会为0,也就是我们说过的父元素坍塌一、清除浮动是什么？清除浮动的本质就是清除浮动元素脱离标准流造成
    
                    
    • 
                    
  • CSS笔记
                        陈两全
css笔记前端
                        
    8.201.层级具有更高堆叠顺序的元素总是在较低的堆叠顺序元素的前面。注意：如果两个定位元素重叠，没有指定z-index，最后定位在HTML代码中的元素将被显示在最前面。有三个特征：1.元素的定位与文档流无关，所以它们可以覆盖页面上的其它元素2.z-index属性指定了⼀个元素的堆叠顺序（哪个元素应该放在前面，或后面）3.⼀个元素可以有正数或负数的堆叠顺序2.透明度透明度有两种表示方法，分别是：1
    
                    
    • 
                    
  • CSS笔记
                        陈两全
css笔记前端
                        
    8.131.列表样式列表样式是指写在li标签上面的样式控制，他有三个属性和一个综合属性，分别是1.list-style-type2.list-style-position3.list-style-image4.list-style（综合属性）1.1.list-style-typelist-style-type有五个属性值，分别是1.默认值:disc（实心圆）2.circle（空心圆）3.squar
    
                    
    • 
                    
  • CSS笔记(二) - 页面布局 盒子模型
                        且.为.乐
#CSScsshtmlcss3
                        
    文章目录1元素显示模式1.1块元素1.2行内元素1.3行内块元素1.4转换1.5总结2.盒子模型2.1页面布局2.2盒子模型（BoxModel）组成2.3边框2.3.1概念2.3.2表格的细线边框2.3.3边框对盒子模型的影响2.4内边距padding2.4.1概念2.4.2内边距和盒子大小的关系2.4外边距margin2.4.1外边距典型应用-块级元素水平居中2.5外边距合并2.5.1嵌套块元素
    
                    
    • 
                    
  • CSS必看知识整理
                        24e2785df9d3

                        
    学前端的一点css笔记，参考的是黑马程序员pink老师的教程。一.行内元素1.一行可以显示多个2.宽度核高度默认由内容撑开3.不可以设置宽高代表标签：a、span、b、ui、s、strong、ins、em、del二、行内块元素1.一行可以显示多个2.可以设置宽高代表标签：input、textarea（文本框）、button、select三、元素显示模式转换display:block转换成块级元素d
    
                    
    • 
                    
  • 【web前端】CSS笔记小结 Emmet+复合选择器+元素显示模式+背景（Day 2）
                        进击的文文文
webcss前端css3
                        
    来源：黑马程序员pink老师前端入门教程目录I.Emmet语法①快速生成HTML结构语法②快速生成CSS样式语法③快速格式化代码II.复合选择器①后代选择器※②子选择器※③并集选择器※④伪类选择器❀链接❀focus⑤总结III.元素显示模式①块元素②行内元素③行内块元素④总结⑤显示模式的转换⑥snipaste的使用⑦单行文字垂直居中IV.背景总结①背景颜色bgc❀半透明②背景图片bgi③背景平铺b
    
                    
    • 
                    
  • 前端html+css笔记
                        stoAir
前端htmlcss
                        
    前端Html:html标签加粗--文本格式化标签倾斜下划线删除src用于指定图像的位置名称(属性名+属性值=属性)alt替换文本title提示文本width图片宽度链接（段落内空格+target="_blank"跳转新窗口音频loop循环播放autoplay自动播放（禁用controls显示音频面板视频muted静音播放同（7）9.列表无序列表：有序列表：定义列表：（一个标题对应多个内容10.表格
    
                    
    • 
                    
  • 初学css笔记
                        描绘已经在学了
css
                        
    部分笔记！！持续更新css时写在style标签里，style标签在head标签里，title标签下。基本结构：选择器（标签名字）{css的属性}html是卸载body里面的--------------------------------------------------------------------------------------------------------scc常见属性col
    
                    
    • 
                    
  • CSS笔记IV
                        saddhu.
css笔记前端css3
                        
    定位作用：灵活的改变盒子在网页中的位置相对定位定位模式：position：relativeleft、right、top、bottom特点：改变位置的参照物是自己原来的位置不脱标，而且占位标签显示模式表改变绝对定位定位模式：position：absolute使用场景：(子绝父相)子级绝对定位，父级相对定位为子级设置绝对定位，为父级设置相对定位特点：脱标，不占位与相对定位恰恰相反参照物是先找最近已经定
    
                    
    • 
                    
  • CSS笔记III
                        saddhu.
web前端css前端css3html5web
                        
    选择器结构伪类选择器作用：根据元素的结构关系查找元素选择器说明E:first-child查找第一个E元素E:last-child查找最后一个E元素E:nth-child(N)查找第N个E元素(第一个元素N值为1)nth-child(公式)作用是可以根据元素的结构关系查找多个元素偶数标签：2n；奇数2n+1or2n-1之类的依次类推找到第五个以后的所有标签n+5；第五个以前的所有标签是-n+5伪元素
    
                    
    • 
                    
  • CSS笔记II
                        saddhu.
web前端css笔记前端css3web
                        
    CSS第二天笔记复合选择器后代选择器子选择器并集选择器交集选择器伪类选择器三大特性继承性层叠性优先级优先级-叠加计算规则Emmet写法背景属性背景图平铺方式位置缩放固定复合属性显示模式转换显示模式复合选择器定义：由两个或多个基础选择器，通过不同的方式组合而成作用：更准确更加高效的选择目标元素(标签)后代选择器说明:选择某元素的后代元素抽象理解：儿子孙子都要选择格式父选择器、子选择器{CSS属性}，
    
                    
    • 
                    
  • CSS笔记
                        saddhu.
web前端css笔记前端html5web3
                        
    css第一天笔记CSS引入方式选择器标签选择器类选择器id选择器通配符选择器盒子属性文字控制属性大小粗细倾斜行高字体族字体复合属性文本缩进文本对齐修饰线颜色调试工具CSS引入方式有三种内部样式、外部样式、行内样式内部样式表：css样式写在style标签中(选中p标签)p{color:blue}外部样式表：作为开发使用1.写在单独的css文件中(my.css)例如将p标签变成红色p{color:re
    
                    
    • 
                    
  • 【狂神css笔记】CSS介绍&&选择器
                        暮色_年华
JavaScriptcsscss3前端
                        
    css是什么CascadingStyleSheet：层叠级样式表CSS：表现（美化网页）字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动......css优势：1、内容和表现分离2、网页结构表现统一，可以实现复用3、样式十分丰富4、建议使用独立于html的css文件5、利用SEO，容易被搜索引擎收录CSS快速入门选择器{声明1;声明2;}每一个语句以分号结尾css与html分离：在htm
    
                    
    • 
                    
  • html&css
                        Jones_aj
前端
                        
    HTML&CSS笔记总结标签语义化网页最大标题只能写一个提高网页的排名写在log下面h2-h6内容标题可以随便多写从大到小的写容器可以装任何东西包裹一段文字包裹重要文字引入图片属性src图片地址alt图片描述图片未引用成功时显示在页面ali中描述内容title当鼠标移到到标签时显示内容在哪里引入图片就在哪里开始找相对路径./同级文件/打开文件夹…/打开上一级对话列表dldt标题dd内容列表无序列表
    
                    
    • 
                    
  • html&css笔记完整版
                        NoN小旻
前端html&css自学htmlcss
                        
    把1,2合在一起了，方便查看教程指路：这里目录1.导入京东界面练习（p102-114）设置网站图标（用在标题栏和收藏栏）2.vscode使用3.html实体meta标签：语义化标签块元素和行内元素列表超链接路径：图片标签内联框架音视频表格table表单formCSS设置样式：语法：选择器：单个选择器：复合选择器：父子兄弟选择器：属性选择器伪类选择器：否定伪类：超链接伪类：伪元素选择器：权重继承单位
    
                    
    • 
                    
  • 04.尚硅谷css笔记
                        xjt_0901
前端css
                        
    css学习资料尚硅谷css3：https://www.bilibili.com/video/BV1XJ411X7UdMDN:https://developer.mozilla.org/zh-CN/CSS3参考手册：http://caibaojian.com/选择器游戏：http://flukeout.github.io/#HTML转义字符在HTML中有些时候，我们不能直接书写一些特殊符号比如：多个
    
                    
    • 
                    
  • "" target="_blank">学习css笔记——儿子选择器">"
                        巨汉子

                        
    这个故事发生在某天，到华南植物园周边喝完早茶回公司，上网收集有趣的文字，整理修订多年前写好的《JavaScript》教程，并创作汉语SEO要用的《CSS语言》教程，存起来以后当文化传播作品使用。一边整理《JavaScript》教程,一边在网上和女粉丝侃大山，突然间，一个说自已是从海南万宁来广州学现代汉语的女粉丝问：“陈老师，最近文化传播教程又打算教点什么新东西？”，我问：“你们都想学啥？”，女粉丝
    
                    
    • 
                    
  • 2019-12-05
                        旧城丶恒书

                        
    Version:1.0StartHTML:000000193EndHTML:000448737StartFragment:000425527EndFragment:000448639StartSelection:000425527EndSelection:000448639SourceURL:https://www.jianshu.com/writer·Css笔记Css的作用：[if!suppor
    
                    
    • 
                    
  • CSS笔记
                        且.为.乐
#CSScss学习css3
                        
    文章目录1.图片1.1body下放图片2.文字2.1文字格式2.2Fonts字体属性2.2.1字体系列-fontfamily2.2.2字体大小-fontsize2.2.3字体粗细-font-weight2.2.4字体风格-font-style2.2.5字体复合属性3.盒子某些属性3.1圆角边框3.2盒子阴影3.3文字阴影4.table表单1.图片1.1body下放图片body下放图片body{ba
    
                    
    • 
                    
  • 学习CSS笔记——清除浮动clear
                        巨汉子

                        
    这个故事发生在某天，到华南植物园周边喝完早茶回公司，上网收集有趣的文字，整理修订多年前写好的《JavaScript》教程，并创作汉语SEO要用的《CSS语言》教程，存起来以后当文化传播作品使用。一边整理《JavaScript》教程,一边在网上和女粉丝侃大山，突然间，一个说自已是从辽宁铁岭来广州学现代汉语的女粉丝问：“陈老师，最近文化传播教程又打算教点什么新东西？”，我问：“你们都想学啥？”，女粉丝
    
                    
    • 
                    
  • Web之HTML笔记
                        qq742234984
前端htmlpythonxml开发语言
                        
    Web之HTML、CSS、JSWeb标准一、HTML（超文本标记语言）HTML基本结构标签常用标签1.font标签2.p标签3.注释4.h系列标题5.img6.超链接a7.列表8.表格9.表单Web之CSS笔记Web标准结构标准用于对网页元素进行整理和分类(HTML)表现标准用于设置网页元素的版式、颜色、大小等外观属性(CSS)行为标准用于对网页模型的定义及交互的编写(JavaScript)一、H
    
                    
    • 
                    
  • Web之CSS笔记
                        qq742234984
前端css笔记
                        
    Web之HTML、CSS、JS二、CSS（CascadingStyleSheets层叠样式表）CSS与HTML的结合方式CSS选择器CSS基本属性CSS伪类DIVCSS轮廓CSS边框盒子模型CSS定位Web之HTML笔记二、CSS（CascadingStyleSheets层叠样式表）Css是种格式化网页的标准方式，用于控制设置网页的样式，并且允许CSS样式信息与网页内容(由HTML语言定义)分离的
    
                    
    • 
                    
  • css笔记
                        花与37
CSScsshtmlhtml5
                        
    1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}多行文本溢出显示省略号p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hi
    
                    
    • 
                    
  • CSS笔记
                        洛千陨
前端学习笔记css笔记前端
                        
    前端学习笔记专栏区别于官网中全面的知识讲解，主要记录学习技术栈时对于重点内容的提炼，便于对技术栈知识的快速回顾以及使用1.各类主要选择器常规选择器p：元素选择器.class：类选择器#id：id选择器input[type="text"]：属性选择器divp：后代选择器常用选择器父级是div元素的p元素：div>pdiv元素之后的第一个p元素（兄弟元素）：div+pp元素之后的每一个ul元素：p~u
    
                    
    • 
                    
  • Html Css笔记
                        weixin_30885111
人工智能javascriptViewUI
                        
    鼠标交点:outline：none；透明:opacity透明0-1的小数元素透明它里边所有的内容都会变成透明的黑客:在结尾加如：\0IE11至IE8的IE浏览器\9\0IE10至IE8的IE浏览器\9IE10及IE10之前的IE浏览器在开头加入：*,+IE7及IE7之前的IE浏览器支持_IE6及IE6之前的IE浏览器支持注释！！！！！！！！！！！！！！！！！！！这是IE9876其他IE条件判断语句
    
                    
    • 
                    
  • CSS读书笔记
                        湾区人工智能
tensorflow人工智能python
                        
    CSS笔记深圳，2023.10.26，Jack，常识：CSS(CascadingStyleSheets，层叠样式表），是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，CSS文件扩展名为.css。样式通常保存在外部的.css文件中。我们只需要编辑一个简单的CSS文档就可以改变所有页面的布局和外观。CSS注释以/*开始,以*/结束/*这是个注释*/CSS
    
                    
    • 
                    
  • CSS笔记[狂神版]
                        究极暴龙兽(Java版)
css前端css3
                        
    1、CSS如何学习1.css是什么2.css怎么用（快速入门）3.css选择器（重点+难点）4.美化网页（文字，阴影，超链接，列表，渐变）5.盒子模型6.浮动7.定位8.网页动画（特效效果）1.1、什么是CSSCascadingStyleSheet层叠级联样式表CSS：表现（美化网页）1.2、发展史css1.0css2.0DIV（块）+CSS，HTML与CSS结构分离的思想，网页变得很简单，SEO
    
                    
    • 
                    
  • 狂神说-CSS笔记
                        幕雨123
前端javacss3
                        
    文章目录1.什么是css1.1、什么是css1.2、发展史1.3、快速入门1.4、css的三种导入方式2、选择器2.1、基本选择器2.2、层次选择器2.3、结构伪类选择器2.4、属性选择器（常用）3、美化网页元素3.1、为什么要美化网页3.2、字体样式3.3、文本样式3.4、阴影3.5、超链接伪类3.6、列表3.7、背景3.8、渐变4、盒子模型4.1、什么是盒子模型4.2、边框4.3、外边距4.4
    
                    
    • 
                    
  • 狂神CSS笔记
                        YANKUOP
#Java学习css前端css3
                        
    文章目录1、什么是CSS1.1、什么是CSS1.2、发展史1.3、快速入门1.4、CSS的3种导入方式2、选择器2.1、基本选择器2.2、层次选择器2.3、结构伪类选择器2.4、属性选择器（常用）3、美化网页元素3.1、为什么要美化网页3.2、字体样式3.3、文本样式3.4、阴影3.5、超链接伪类3.6、列表3.7、背景3.8、渐变4、盒子模型4.1、什么是盒子模型4.2、边框4.3、内外边距4.
    
                    
    • 
                                
  • 怎么样才能成为专业的程序员？
                                    cocos2d-x小菜
编程PHP
                                    
      
如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。 
  
关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为
    
                                
    • 
                                
  • java web开发 高并发处理
                                    BreakingBad
javaWeb并发开发处理高
                                    
    java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据） 一：高并发高负载类网站关注点之数据库 没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。 一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（
    
                                
    • 
                                
  • mysql批量更新
                                    ekian
mysql
                                    
    mysql更新优化： 
一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。 
三千多条的更新，需要3分多钟。 
查询了批量更新的优化，有说replace into的方式，即： 
 
 
replace into tableName(id,status) values
    
                                
    • 
                                
  • 微软BI（3）
                                    18289753290
微软BI SSIS
                                    
    1) 
Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 
A：一般这类问题的存在是 
    
                                
    • 
                                
  • Java中的List
                                    g21121
java
                                    
            List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。 
        与 set 不同，列表通常允许重复
    
                                
    • 
                                
  • 读书笔记
                                    永夜-极光
读书笔记
                                    
       1.  K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策? 
    
     传统决策: A:100%订单  B,C,D:0% 
  
  &nbs
    
                                
    • 
                                
  • centos 安装 Codeblocks
                                    随便小屋
codeblocks
                                    
    1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++ 
  
2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 
3. 安装wxGTK 
   yum search w
    
                                
    • 
                                
  • 23种设计模式的形象比喻
                                    aijuans
设计模式
                                    
    1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory  　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：
    
                                
    • 
                                
  • 开发管理 CheckLists
                                    aoyouzi
开发管理 CheckLists
                                    
    开发管理 CheckLists(23) -使项目组度过完整的生命周期 
开发管理 CheckLists(22) -组织项目资源 
开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C
    
                                
    • 
                                
  • js实现切换
                                    百合不是茶
JavaScript栏目切换
                                    
    js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 
   1,先将要显示的设置为display:bisible  否则设为none
    2,设置栏目的id  ,js获取栏目的id,如果id为Null就设置为显示
    3,判断js获取的id名字;再设置是否显示
 
  
代码实现: 
  
html代码: 
  <di
    
                                
    • 
                                
  • 周鸿祎在360新员工入职培训上的讲话
                                    bijian1013
感悟项目管理人生职场
                                    
            这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。  &
    
                                
    • 
                                
  • 前端Web开发的页面效果
                                    Bill_chen
htmlWebMicrosoft
                                    
    1.IE6下png图片的透明显示： 
<img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 
或在<head></head>间加一段JS代码让透明png图片正常显示。 
 
2.<li>标
    
                                
    • 
                                
  • 【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC)
                                    bit1129
垃圾回收
                                    
      CMS概述 
并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。 
  
CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执
    
                                
    • 
                                
  • Struts2技术总结
                                    白糖_
struts2
                                    
      
 
 必备jar文件 
   
 早在struts2.0.*的时候，struts2的必备jar包需要如下几个： 
commons-logging-*.jar   Apache旗下commons项目的log日志包 
freemarker-*.jar          
    
                                
    • 
                                
  • Jquery easyui layout应用注意事项
                                    bozch
jquery浏览器easyuilayout
                                    
    在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍： 
     如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出
    
                                
    • 
                                
  • java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？
                                    bylijinnan
java
                                    
    
public class CopySpecialLinkedList {

	/**
	 * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？
拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。
假设原来链表为A1 -> A2 ->... -> An，新拷贝
    
                                
    • 
                                
  • color
                                    Chen.H
JavaScripthtmlcss
                                    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">    <HTML>    <HEAD>&nbs
    
                                
    • 
                                
  • [信息与战争]移动通讯与网络
                                    comsci
网络
                                    
          两个坚持:手机的电池必须可以取下来 
               光纤不能够入户,只能够到楼宇 
 
      建议大家找这本书看看:<&
    
                                
    • 
                                
  • oracle flashback query(闪回查询)
                                    daizj
oracleflashback queryflashback table
                                    
    在Oracle 10g中，Flash back家族分为以下成员： 
Flashback Database 
Flashback Drop 
Flashback Table 
Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 
下面介绍一下Flashback Drop 和Flas
    
                                
    • 
                                
  • zeus持久层DAO单元测试
                                    deng520159
单元测试
                                    
    zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 
本文是zeus的dao单元测试: 
1.单元测试直接上代码 
  
package com.dengliang.zeus.webdemo.test;


import org.junit.Test;
import o
    
                                
    • 
                                
  • C语言学习三printf函数和scanf函数学习
                                    dcj3sjt126com
cprintfscanflanguage
                                    
    printf函数 
/*
	2013年3月10日20:42:32
	地点：北京潘家园
	功能：
	目的：
		测试%x %X %#x %#X的用法
 */

# include <stdio.h>

int main(void)
{

	printf("哈哈！\n");  // \n表示换行

	int i = 10;
	printf
    
                                
    • 
                                
  • 那你为什么小时候不好好读书?
                                    dcj3sjt126com
life
                                    
    dady, 我今天捡到了十块钱, 不过我还给那个人了 
good girl! 那个人有没有和你讲thank you啊 
没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you 
  
爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 
当然是拿十块的咯... 
爸爸你很笨的, 你不会两张都拿 
  
爸爸为什么上个月那个人来跟你讨钱, 你告诉他没
    
                                
    • 
                                
  • iptables开放端口
                                    Fanyucai
linuxiptables端口
                                    
    1，找到配置文件 
vi /etc/sysconfig/iptables   
  
2，添加端口开放，增加一行，开放18081端口 
-A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT 
  
3，保存 
ESC
:wq! 
  
4，重启服务 
service iptables 
    
                                
    • 
                                
  • Ehcache（05）——缓存的查询
                                    234390216
排序ehcache统计query
                                    
    缓存的查询 
目录 
1.    使Cache可查询 
1.1     基于Xml配置 
1.2     基于代码的配置 
2     指定可搜索的属性 
2.1     可查询属性类型 
2.2 &
    
                                
    • 
                                
  • 通过hashset找到数组中重复的元素
                                    jackyrong
hashset
                                    
      如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： 
 
 


 int[] array = {1,1,2,3,4,5,6,7,8,8};
         
        Set<Integer> set = new HashSet<Integer>();
         
        for(int i = 0
    
                                
    • 
                                
  • 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL
                                    lanrikey
history
                                    
    后退时关闭当前页面 
<script type="text/javascript"> 
 jQuery(document).ready(function ($) { 
        if (window.history && window.history.pushState) {
    
                                
    • 
                                
  • 应用程序的通信成本
                                    netkiller.github.com
虚拟机应用服务器陈景峰netkillerneo
                                    
    应用程序的通信成本  
什么是通信 
一个程序中两个以上功能相互传递信号或数据叫做通信。  
什么是成本 
这是是指时间成本与空间成本。 时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。  
都有哪些通信方式 
 
 全局变量 
 线程间通信 
 共享内存 
 共享文件 
 管道 
 Socket 
 硬件（串口，USB） 等等 
  
全局变量 
全局变量是成本最低通信方法，通过设置
    
                                
    • 
                                
  • 一维数组与二维数组的声明与定义
                                    恋洁e生
二维数组一维数组定义声明初始化
                                    
    /**  *   */ package test20111005; /**  * @author FlyingFire  * @date:2011-11-18 上午04:33:36  * @author ：代码整理  * @introduce :一维数组与二维数组的初始化  *summary：  */ public c
    
                                
    • 
                                
  • Spring Mybatis独立事务配置
                                    toknowme
mybatis
                                    
    在项目中有很多地方会使用到独立事务，下面以获取主键为例      
（1）修改配置文件spring-mybatis.xml    <!-- 开启事务支持 -->    <tx:annotation-driven transaction-manager="transactionManager" />       &n
    
                                
    • 
                                
  • 更新Anadroid SDK Tooks之后，Eclipse提示No update were found
                                    xp9802
eclipse
                                    
    使用Android SDK Manager 更新了Anadroid SDK Tooks 之后， 
打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates  
检测一会后提示 No update were found  
    
                                
    •