Css
文章平均质量分 72
GoverChan
活在当下~
展开
-
css常用样式(保持更新)
注意:class只有高度宽度信息上下居中-->方法1:该方法得知道居中元素的宽度div class="box" style="position: relative;"> div class="sub-box" style="position: absolute;top: 50%;margin-top:-50px;">div>div>方法2:该方法啥都不用知道div class="原创 2017-04-02 17:59:21 · 534 阅读 · 0 评论 -
flex布局详解
网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex布局...原创 2016-07-25 18:55:55 · 1751 阅读 · 0 评论 -
有利于SEO的DIV+CSS的命名规则
有利于SEO的DIV+CSS的命名规则搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:页头:header登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体:main内容...原创 2015-07-30 23:55:48 · 297 阅读 · 0 评论 -
zendCoding
1. 跳过Div第一个小技巧就是跳过div,Emment非常清楚你需要输入什么内容,你只需要输入class或者是id,Emmet会自动帮助你生成正确的div。如下:大家可以看到,不管你是否添加了div,Emmet都会自动生成需要div元素。含糊标签名称这个技巧属于implicit tag names特性,你不需要指定div或者li,Emmet会自动帮助你生成,如下:2. 带有DOM导航的链式缩写如...原创 2015-07-18 15:00:36 · 666 阅读 · 0 评论 -
CSS绘制3角形原理
一、原理CSS盒模型一个盒子包括:margin+border+padding+content。上下左右边框交界处出呈现平滑的斜线。利用这个特点,通过设置不同的上下左右边框宽度或者颜色可以得到小三角,小梯形等。 调整宽度大小可以调节三角形形状。示例1:一般情况下,我们设置盒子的宽高度及上下左右边框,会呈现如下图:CSS语言: 高亮代码由发芽网提供1 #test1 {2 height: 20px;3 ...原创 2015-06-30 13:48:54 · 456 阅读 · 0 评论 -
Bootstrap—轻松制作漂亮表格(table)
学习了runoob.com网站中的bootstrap内容之后,参照其中的内容自己做一下总结,以便帮助在这方面有疑惑的朋友,也有助于自己更好的消化所学的内容。我们应该庆幸自己活在这样一个互联网时代,开放、共享。很多之前我们费尽心思去实现的效果已经有前辈为我们总结出来并做成很好的框架,共享出来让我们使用,使得我们轻松就能实现很漂亮的效果。下面就使用一个实例来讲一下如何使用Bootstrap现成的css...原创 2017-08-01 20:25:30 · 3384 阅读 · 2 评论