每个人都有自己对于代码的看法,有自己的偏好。对于我来说,也是如此。作为一个实用主义者,我遵循的东西,比较少,也比较简单。多了,记不住,也不实用。避免预先设计的代码架构往往得预先设计的,而代码容易被过度设计。而事先设计的架构,往往在落地的时候,会遇到一系列的挑战。等到软件交付时,则会变成新的架构,或者该架构的变体。代码,则也是类似的。日常工作中,我们经常遇到的情况,到底有没有必要提前编写一些代码——这...
29
猫并不是天生不爱社交,猫一向以傲慢和冷漠的面貌示人。然而最近发表的一项研究表明,此恶名完全是空穴来风;猫本身并不是反社会的生物。主子的冷漠很可能就是在针对你。 俄勒冈州立大学的研究人员招募了46只猫进行了两项实验,以此来探究猫是如何看待铲屎官的存在的。结果不是很出人意料,猫咪们更喜欢与热情且关心它们的人相处,同时远离冷漠忽视自己的人。不了解猫的人可能会惊讶地发现它们其实比起独处,更多的时间都在进行社...
42
一、定义及其分类1.what:层叠样式表是一种用来表现HTML(标准通用编辑语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。2.why:css标准中重新定义了HTML中原来的文字显示样式,增加了一些新概念,如类、层等,可以对文字重叠、定位等。在css还没有引入到页面设计之前,传统的HTML语言等实现页面美化在设计上是十分麻烦的,例如要设计页面中文字的样式,如果使用传统的HTML语句来设计页面就不得不在每个需要...
73
下面简要的给大家讲一下CSS中一个比较重要的!important属性,从笔者的实践中总结了以下两点: 1、用于解决IE对某些CSS规范有偏差的情况. 比如在IE中的效果总是和其他的浏览器如firefox,opera等相差2px,导致页面布局有错位,这是因为IE对盒之间距离的解释的bug造成的,针对这种情况我们就可以利用!important来帮助解决。 例如下面这个样式 .myclass{ margin-left:20px!important; margin-left:40px; } 如果是在firefox,opera,chrom...
34
at-rule是一个声明,为CSS提供执行或怎么表现的指令。每个声明以@开头,后紧跟一个可用的关键字,这个关键字充当一个标识符,用于表示CSS该做什么。这是一个通用的语法,尽管每个at-rule有其它语法变体。常规规则常规规则遵循下面的语法:代码如下:@[KEYWORD] (RULE);@charset这个规则定义了浏览器使用的字符集,如果样式表包含非ASCII characters (e.g:UTF-8)。注意,被放在HTTP头部的字符集将会覆盖@charset规则代码如下:@charset...
28
1、高度基本语法Height:auto 设置高度自动(通常默认高度是auto自动,自适用内容而增高,通常如果想高度自适应不用设置)Height:20px 设置高度为固定数值2、CSS高度用法结构#divcss5{height:50px}设置了divcss5对象盒子高度为50px(像素)3、height高度语法结构分析图-------------------------------------签名:1151压力变送器
16
一个冒号是伪类,两个冒号是伪元素伪类可以独立于文档的元素来分配样式,且可以分配给任何元素,逻辑上和功能上类类似,但是其是预定义的、不存在于文档树中且表达方式也不同,所以叫伪类。伪元素所控制的内容和一个元素控制的内容一样,但是伪元素不存在于文档树中,不是真正的元素,所以叫伪元素。伪类有::first-child ,:link:,vistited,:hover:,active:focus,:lang伪元素有::first-line,:first-letter,:before,:after...
24
导航栏布局一div id='menu'a href="#"链接/a|a href="#"链接/a|a href="#"链接/a|a href="#"链接/a|a href="#"链接/a/div*{margin:0;padding:0}#menu{min-width:400px;height:2rem;background:#06f;text-align:center;line-height:2rem;font-size:1rem;}#menu a{padding:0 1rem;color:#000;text-decoration:none;font-weight:bold}#menu a:hover{color:#FFC0CB}--------------------- 签名:差压液位变送器
18
写死的宽度左对齐,不能居中,需要使用margin实现效果div居中divdiv style="width:50%; height:40px; background:blue; text-align:center;line-height:40px;margin:0 auto ;"123/div默认的div的宽度是父的100%,所以div浮动使用float,div内的行内元素水平居中,内部的块元素不居中div清楚float属性clear: both--------------------- 签名:扩散硅压力变送器
20
一.只可编辑,粘贴复制字段长度不正常p contenteditable="true" 这是一个可编辑内容的p标签哦~/p二.既可编辑,又可粘贴复制,文本字段长度正常pcontenteditable="plaintext-only" 这是一个可编辑内容的p标签哦~ /p--------------------- 签名:压力变送器
24