当前分类: 前端 CSS

display: none 和 visibility: hidden 的区别

display: none 和 visibility: hidden 的区别

2019-06-26 441 595
display: none 和 visibility: hidden 的区别<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title></title> <styletype="text/css"> .big
css js opacity 多浏览器透明度兼容写法

css js opacity 多浏览器透明度兼容写法

2018-12-13 585 789
css js opacity 多浏览器透明度兼容写法值越小越透明 1完全不透明 ---------> 0完全透明IE: filter:alpha(opacity)Mozilla: -moz-opacitySafari: -khtml-opacityOpera:老版本的Opera没有私有属性可以代替opacity(新版Opera已支持opacity)css 写法:.opacity{ o
css水平导航菜单自适应文字长度

css水平导航菜单自适应文字长度

2018-12-13 469 633
css 水平导航菜单自适应文字长度<!doctypehtml> <html> <head> <metacharset="UTF-8"> <metaname="viewport" content="width=device-width,user-scalable=no,initial-s
css 实现的导航菜单/面包屑

css 实现的导航菜单/面包屑

2018-12-12 471 635
css 实现的导航菜单/面包屑
CSS编码规范---百度Baidu EFE team的前端规范文档

CSS编码规范---百度Baidu EFE team的前端规范文档

2018-12-05 512 691
CSS编码规范---百度Baidu EFE team的前端规范文档This repositorycontains the specifications.Javascript编码规范 [1.3]Javascript编码规范 - ESNext补充篇 [draft]HTML编码规范 [1.2]CSS编码规范 [1.2]Less编码规范 [1.1]E-JSON数据传输标准 [1.0]模块和加载器规范 [1
Font Awesome可缩放的矢量图标,css字体图标 一套绝佳的图标字体库和CSS框架

Font Awesome可缩放的矢量图标,css字体图标 一套绝佳的图标字体库和CSS框架

2018-12-05 411 554
Font Awesome可缩放的矢量图标,css字体图标一套绝佳的图标字体库和CSS框架Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。1、一个字库,675个图标仅一个Font Awesome字库,就包含了与网页相关的所有形象图标。2、无需依赖JavaScriptFont Awesome完全不依赖Jav
关于团队合作的css命名规范

关于团队合作的css命名规范

2018-12-05 420 567
关于团队合作的css命名规范常用的css命名规则:头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单
Normalize.css  CSS 重置样式库 css reset

Normalize.css CSS 重置样式库 css reset

2018-12-05 2184 2948
Normalize.cssCSS 重置样式库 css resetNormalize.css是一个小的CSS文件,为HTML元素样式提供跨浏览器的一致性。它是一个现代的、支持HTML5的、传统CSS重置的替代。增强跨浏览器表现的一致性。…as used byTwitter,TweetDeck,GitHub,Soundcloud,Guardian,Medium,GOV.UK,Bootstrap,HTM
CSS reset CSS重置,YAHOO的YUI CSS RESET

CSS reset CSS重置,YAHOO的YUI CSS RESET

2018-12-05 808 1090
CSS reset CSS重置,YAHOO的YUI CSS RESET每一个浏览器都有自己默认的设置,基础CSS重置可以删除浏览器提供的HTML元素的不一致样式。这创造了一个可靠的平坦的基础。加载CSS重置,编写您的项目需要的显式CSS。当浏览器在元素的margins,line-heights,padding这些赋值的时候。如果时刻都写入布局中,网站会显得很粗糙。这个reset方式很简单,并且极其
css  margin-top 设置无效的解决方法

css margin-top 设置无效的解决方法

2018-09-04 1788 2413
margin-top设置无效的解决方法<style type="text/css"> .A { height: 50px; margin-top: 50px; width: 50px; background-color: red; } .B { height: 200px; margin-top: 100px; width: 200px; background-co