NEC学习 ---- 模块 - 左图右文图文列表
该模块效果图:这个模块也是在开发中经常使用的一种:HTML代码:<divclass="container"><divclass="m-list3m-list3-x"><!--这里的m-list3-x是什么类呢,我们下面来揭晓!--><ulclass="f-c...
NEC笔记本电脑开机进入BIOS的方法(F2+→)
进入NEC笔记本电脑BIOS的方法为，开机后先按F2键，当提示选择时按"→"键就行了
NEC学习 ---- 模块 -简易文字链接列表
为了方便查看,在最外面设置了一个粉色框.html代码:<divclass="container"><ulclass="m-list"><li><ahref="#">列表项文字和链接</a></li><li><a...
NEC学习 ---- 模块 - tab[含标题]
简要介绍,默认居左,Tab不定宽, “标题”和“更多”可删,扩展类可以*组合,依赖于reset.css(之前的模块以及布局都依赖这个css)那么这个效果是怎么实现的呢?CSS代码:.container{width:800px;margin:45pxauto;}.m-hd{/*定义行高和高,且子元素...
NEC学习 ---- 模块 -多行式面包屑导航
如上面形式面包屑的写法:HTML如下,<divclass="m-crumb"><ulclass="f-cb"><li><i>|</i><ahref="#">面包屑导航,竖线分割</a></li><l...
NEC学习 ---- 模块 - 上图下文图文列表
上图下文图文列表的效果如下图:可以看到三个红色框中的三中"上图下文的图文列表";这里的代码其实没什么问题,对于这种布局,其实可以参考我上一篇介绍:NEC学习----模块-左图右文图文列表还是把代码贴一下,html代码:<divclass="container"><divclass=...
NEC学习 ---- 模块 -水平文字链接列表
HTML代码:<divclass="container"><divclass="m-list1"><ulclass="f-cb"><li><ahref="#">列表文字</a></li><li><a...
NEC学习 ---- 模块 -文本圆角背景导航
下图是效果图:然后,左右两边的圆角图片和背景图片如下(因为截图工具的原因,可能图片不是很清晰. 这个图片有4个部分,分别是中间的背景图,左右圆角以及栏目分隔白线)思路:利用inline-block元素的中间性(既有块级元素特点:能够控制宽高,可以定位,也有内联元素特点:可以被父元素text-alig...
CSS书写规范、命名规范、网易CSS框架NEC
网易CSS框架NEC：http://nec.netease.com/NEC框架的CSS规范： CSS规范-分类方法CSS规范-命名规则CSS规范-代码格式CSS规范-优化方案CSS规范-最佳实践CSS规范-典型错误NEC-代码库NEC-案例统一语义理解和命名布局（.g-）语义命名简写文档docdoc...
NEC学习 ---- 模块 - 带点文字链接列表
带点文字链接列表,实现的效果是,调整字体大小,点的位置不会跟着变动.HTML如下:<divclass="container"><divclass="m-list2"><ul><li><iclass="dot"></i><a...