CSS知识 CSS（Cascading Style Sheet，层叠样式表）定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 Css之车更丰富的文档外观，Css可以为任何元素的文本和背景设置颜色；允许在任何元素外围设置边框；允许改变文字...

2018-10-26 05:27:54

给网站头部添加视频海报 1 ! DOCTYPE html 2 html lang ="en" 3 head 4 meta charset ="UTF-8" 5 title 视频海报 / title 6 style 7 * { 8 margin : 0 ; 9 padding : 0 ; 10 } 11 #banner { 12 width : 100% ; 13 height : 500px ; 14 background : purple ; 15 overfl...

2018-10-26 05:27:53

css基础内容 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 一...

2018-10-26 05:27:48

伪类 用于选择DOM树之外的信息，或是不能用简单选择器进行表示的信息。前者包含那些匹配指定状态的元素，比如 :visited ， :active ；后者包含那些满足一定逻辑条件的DOM树中的元素，比如 :first-child ， :first-of-type ，: target 。 （相当于一个特殊的class选择器...

2018-10-26 05:27:48

class 类名的命名应该以功能为依据； 例如： .btn-danger; .btn-warning CSS组件 一个组件==一个独立的功能模块 针对一个组件，通过功能描述样式 组件命名，功能描述：left-menu 组件中的内容 .left-menu .menutitle; .left-menu .menulist; 多样化的组件模式 .left-me...

2018-10-26 05:27:47

最近的项目遇到了这样的需求：（要求标题部分不管文字多少，都必须两端对齐） 如下图： 当时也没有多想直接使用‘ ensp; ’进行代替，毕竟产品同学想快一点看到效果，不敢怠慢！不过到第二个页面就傻眼了。 如图： 这很明显‘ ensp; ’已经无法满足我了，只好上 emsp;...

2018-10-24 08:41:44

做页面时候，发现火狐和腾讯QQ浏览器有个问题，就是会将页面显示的比较傻大，像点了缩放比例120%似的，事实上缩放比例是100%，没有动。 甚至面对这个问题，连腾讯公司都没解决掉，也让我很困惑。 比如： 同样打开www.qq.com（任何网址都这样），发现火狐和腾讯qq浏览器...

2018-10-24 08:41:42

不多说，直接上代码 1 ! DOCTYPE html 2 html lang ="en" 3 head 4 meta charset ="UTF-8" 5 title ProgressBar / title 6 style 7 * { 8 margin : 0 ; 9 padding : 0 ; 10 } 11 #progress { 12 width : 100% ; 13 height : 30px ; 14 background : rgb(42, 138, 248)...

2018-10-24 08:41:40

在日常开发中，我们用的最多的就是 绑定数据 div v-for= "item in data" :key= "item.id" !-- 内容 -- / div 如果你有ng的开发经验，假设 data 你要更新数据了 this.data=res.data; 但是这在vue中 并不会起到作用，DOM并没有触发变化。 vue不是已经实现的实时数据双向...

2018-10-24 08:41:39

使用伪类自定义scroll样式 效果： 代码： !DOCTYPE htmlhtmlhead meta charset="utf-8" / meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum=1.0,user-scalable=no" title/title style type="text/css" .inner { width:...

2018-10-23 03:05:19