• 写出优雅的前端页面怎能少了规范的命名规范?
  • CSS命名规范(规则)常用的CSS命名规则头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体佈局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu搜索:sea
    继续阅读>>
  •  命名规范 高性能 命名规则  热度:(464) 发布时间:2016/3/29 19:41:00
  • 抽丝剥茧解开CSS3中的Border属性的外衣
  • 这几天使用border-raduis画了各种形状,顺带归纳了一下CSS中的border属性,本篇笔记中主要涉及的知识点有:1.border属性2.css3新增的3个border属性:border-color、border-radius、border-imageborder属性:语法:border:border-width border-style border-colo
    继续阅读>>
  •  css3 边框属性 Border  热度:(478) 发布时间:2016/3/18 19:11:00
  • CSS关于盒子的定位和浮动的问题
  • 1、盒子的浮动* CSS 中有一个 float 属性,默认为 none,即标准流。通过设置 float 属性的值为 left 或 right,元素会向其父元素的左侧或右侧靠近,盒子的宽度不再伸展,而是根据盒子里面的内容的宽度来确定。* clear 属性:作用是为了消失由于使用 float 后,浮动的盒子对其他盒子的影响。clear 的值有 left、righ
    继续阅读>>
  •  css设计 网站设计 css定位  热度:(388) 发布时间:2016/3/2 13:35:00
  • CSS这样写性能才高
  • 1、解析网页模式和DTD(1)解析网页模式主要有标准模式和怪异模式。怪异模式是为了兼容老式浏览器下的代码,应该避免触发怪异模式,选用标准模式。(2)DTD(Document Type Definition),即文档类型定义,是一种保证 HTML 文档格式正确的有效方法,可以通过比较 HTML 文档和 DTD 文件来看文档是否符合规范,以及元素和标签使用是否正确。(3)按照 W3C 的标准,需要在 HTML 的最开始声明文件的
    继续阅读>>
  •  CSS教程 CSS书写规范  热度:(241) 发布时间:2016/3/2 9:50:00
  • Div前台显示自动换行和不自动换行的问题
  • 1、无法自动换行* 问题:如果 div 输入的是英文字母且没有空格,会导致英文字母不换行直接在同一行输出,导致 div 的宽度远远超出设定的大小。* 原因:因为在 div 中,英文字母之间没有空格的话,默认为一个英文单词,所以单词就一次输出不换行。* 解决:通过设置 css:word-wrap: break-word; /*自动换行*/2、单行显示* 问题:如果希望 div 输入的字符只在一行中显示,超过设定的大小则
    继续阅读>>
  •  css教程 强制换行 强制不换行  热度:(257) 发布时间:2016/2/26 9:13:00
  • 使用CSS实现将图片长宽设置为相等并且自适应屏幕
  • 在图片长宽不相等的情况下,想将长宽设置为相等并且自适应屏幕,可以通过 js 的方式进行设置并通过监听 resize 来实时更新,但是这种方式很麻烦。这里通过 css 来达到我们想要的效果:HTML:<div class='box'><img src="..."></div>需要添加一个父元素来达到我们的目的。CSS:.box {position: relative;wid
    继续阅读>>
  •  CSS 自适应屏幕 图片  热度:(365) 发布时间:2016/2/25 8:38:00
  • 关于CSS设置页面背景图的一些疑问
  • 关于背景图片的位置其background-position设置背景图片的位置有两种方式,一种是是根据像素设置,第二种根据百分比设置,第一种根据像素的位置是很简单的,只是关于百分比这个设置理解特别容易出现偏差的,先看看一段简单的代码:.bg-position{background:url(../../public/images/404.jpg) no-repeat;margin-top:100px;margin-left:100
    继续阅读>>
  •  CSS学习 背景图设置 背景图定位  热度:(314) 发布时间:2015/12/11 12:43:00
  • CSS字体设置的一些技巧(行高,加粗,强制换行等)
  • 文本是网页中最重要的一种内容形式,文本几乎可以写在任何地方,块级元素中可以写行内元素中也可以写。文本都是由一个个字符组成的,在css布局中,每一个字符都有一个em框,通常font-size设置的大小就是设置的em框的大小;这样再由这些各个字符的em框串在一起组成的框就是这些文本的内容区。在没有行间距的情况下即line-height为1时,上下两行的内容区是紧紧相连的,此时font
    继续阅读>>
  •  CSS设置字体 CSS强制换行  热度:(683) 发布时间:2015/12/3 18:45:00
  • html中文本框的readonly属性和disabled属性的区别
  • 最近公司新来的一个实习生在开发系统时对于文本框的readonly属性和disabled属性两者之间有什么不同一直搞不太清楚,其实这两个东西如果不去深究,简单的使用的话大部分情况下两者还是可以通用的,不过如果对些系统细节要求比较高的情况,两者间的用法还是有不同的。readonly属性规定输入字段为只读。只读字段是不能修改的。不过,用户仍然可以使用tab键切换到该字段,还可以选中或拷贝其文本。readonly只
    继续阅读>>
  •  文本框只读 文本框禁用  热度:(339) 发布时间:2015/11/15 11:57:00
  • 详解CSS float属性
  • CSS中的float属性是一个频繁用到的属性,对于初学者来说,如果没有理解好浮动的意义和表现出来的特性,在使用的使用很容易陷入困惑,云里雾里,搞不清楚状态。本文将从最基本的知识开始说起,谈谈关于浮动的应用,出现的问题和解决方案。基础知识float,顾名思义就是浮动,设置了float属性的元素会根据属性值向左或向右浮动,我们称设置了float属性的元素为浮动元素。浮动元素会从普通文档流中脱离,但浮动元素影响的不仅
    继续阅读>>
  •  CSS学习 float属性  热度:(347) 发布时间:2015/11/15 11:40:00
  • 纯CSS实现三角边框效果
  • border属性在项目中使用的还是蛮频繁的。例如页签、按钮这样的。border简写属性是按照如下属性设置的:border:border-width/border-style/border-color.如果说我需要一个灰色的1像素的实线边框<!DOCTYPE html> <html> <head> <meta charset=utf-8"/>
    继续阅读>>
  •  CSS学习 三角边框  热度:(418) 发布时间:2015/10/27 8:15:00
  • 如何实现类似Bing首页的图片背景平铺效果
  • 近期某个项目中需要实现以下需求:1.保持背景图片原始宽高比;2.如果屏幕宽高比与背景图片宽高比不一致,则以图片中心为基点等比缩放背景图片,以适应屏幕尺寸。以上需求的原则就是始终保持背景图片宽高比,居中等比缩放填满屏幕。我们知道background-size: cover;是在背景图片保持原始比例的基础上,等比缩放覆盖背景区域。但是缩放的基点是左上角(0,0),并不是居中缩放的
    继续阅读>>
  •  CSS学习 CSS教程 背景图平铺  热度:(394) 发布时间:2015/10/20 11:52:00
  • Sass教程-Sass基础语法
  • Sass 是Syntactically Awesome Stylesheete Sass的缩写,SASS是最成熟的,稳定的,和在世界上强大的专业级的CSS扩展语言(Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.)。前端的CSS以前是冷冰冰的,不符合一个
    继续阅读>>
  •  Sass教程 Sass语法  热度:(323) 发布时间:2015/10/14 9:50:00
  • @font-face 用字体画图标
  • HTML1 <body>2 <!-- ul.layout>li*5>a[href=#]>i.icon -->3 <!-- Sublime Text 快捷拼写 -->4 <ul class="layout">5 <li><a href="#"><
    继续阅读>>
  •  CSS3 @font-face 图标  热度:(519) 发布时间:2015/6/10 13:19:00
  • 超赞-使用伪选择器制作下拉箭头图标
  • // 使用Transform的属性,组合translate(位移)和rotate(旋转),将生成的小矩形组合成各种箭头样式; HTML1 <section class="main">2 <header class="title">图标变形过渡效果缩放式菜单</header>3 <sect
    继续阅读>>
  •  css3 渐入渐出 选择器  热度:(588) 发布时间:2015/6/10 13:18:00
页数: 1 - 6 (共79 条评论)
Prev
[1]
2
3
4
5
6
Next
  • 搞笑.奇葩.无节操
  • 客户被绑,蒙眼,惊问:“想干什么?”
    对方不语,鞭笞之,客户求饶:“别打,要钱?”
    又一鞭,“十万够不?”
    又一鞭,“一百万?”
    又一鞭。客户崩溃:“你们TMD到底要啥?”
    “要什么?我帮你做项目,写代码的时候也很想知道你TMD到底想要啥!”
  • 百度有人提问:有个问题问大家,我女朋友好像在欺骗我,每天晚上跟别人出去,很晚才坐车回来,车也不到门口,不知道谁送她。我偷看过她手机,结果她大发雷霆。那天晚上她又出去,我为了看她跟谁在一起,骑摩托车在街口等,结果发现摩托车漏油,请问,这摩托车才买一年,可以保修么?
  • 程序猿的读书历程:x 语言入门 —> x 语言应用实践 —> x 语言高阶编程 —> x 语言的科学与艺术 —> 编程之美 —> 编程之道 —> 编程之禅—> 颈椎病康复指南。
  • 少壮不努力,老大写代码。 春眠不觉晓,醒来写代码。 举头望明月,低头写代码。 子在川上曰:我在写代码。 夜夜思君不见君,君在写代码。 洛阳亲友如相问,就说我在写代码。 寄意寒星荃不察,我以我血写代码。 众里寻他千百度,蓦然回首,那人正在写代码。 年年岁岁花相似,岁岁年年写代码。