摘要:
Bootstrap 概念 传统的使用div+CSS实现响应式布局,为了适配各种设备,会写大量的CSS代码,导致开发效率降低。Bootstrap是一个移动端优先用于快速搭建响应式布局的前端UI框架,能够使用已经写好的代码用于搭建出一个具有良好适应性的页面。Bootstrap内置了很多的组件,比如轮播图 阅读全文
摘要:
SASS 概念 Sass(Syntactically Awesome Stylesheets)直译是语法牛逼的层叠样式表语言,是一个将脚本解析成CSS的脚本语言,即SassScript。用部分的Sass代码代替之前写的繁琐的CSS代码,能极大的提高编写CSS的效率。底层是由一个面向对象的编程语言ru 阅读全文
摘要:
CSS3 新属性 边框圆角 border-radius: px| %:设置边框圆角 设置为50%可以实现边框为圆,但标签宽高比例必须是1:1。 颜色透明度 在CSS2中,可通过颜色单词、十六进制数、RGB三种方式设置颜色。CSS3可采用RGBA设置颜色,与RGB相比增加了alpha参数,0为完全透明 阅读全文
摘要:
BFC 概念 FC(format context)格式化上下文:指的是页面中的一块区域,这块区域可能是一个div或者p标签,或者一堆行内元素构成的一行空间。根据标签的分类,将FC也分成了两种BFC和IFC。 BFC块级格式化上下文:当一个块级标签满足一定条件时会触发BFC,触发后会带有BFC区域的特 阅读全文
摘要:
CSS布局 div标签 概念 <div> </div>本身是HTML4的标签,因其特殊性而一直作为CSS布局的核心标签。 特点 <div> </div>本身默认样式极少(只有默认块级元素这一项) 没有太多默认属性 默认宽度为100% 总结 本身不具有太多默认的样式或属性,对CSS来说,可塑性极强,可 阅读全文
摘要:
CSS进阶 CSS权重 概念 当不同的选择器匹配到同一个标签并对其同一个CSS属性同时进行设置时*(即层叠)*,CSS提供了一套权重机制解决属性的最终归属问题,根据权重大小来决定CSS属性的最终归属。 权重计算方式 比较权值 给每一种基础的选择器(id、class、标签、伪类)设置为不同的权值,权重 阅读全文
摘要:
CSS技巧 背景图片居中 background-size: cover;:图片可能会被拉伸 background-position: center;:图片尺寸不变,只是移动至正中间 button的边框 一般浏览器会给button默认边框 border: 1px solid #ccc;:一般都用灰色细 阅读全文
摘要:
CSS CSS基础 背景 单纯使用HTML实现页面有很多不方便的地方,样式代码和内容代码混杂,比较杂乱,不易于阅读,且无法实现更好的效果。HTML和CSS的分工明确,HTML只负责页面的内容,及内容代码,CSS负责页面的美化,即样式代码。 概念 CSS(Cascading Style Sheets) 阅读全文
摘要:
HTML 简介 HTML(Hyper Text Markup Language)中文译为“超文本标记语言”,hyper的语气似乎要更强些。HTML不是一种编程语言,而是一种标记语言,它提供了许多标记,如段落标记、标题标记、超链接标记、图片标记等,网页中需要定义什么内容,就用相应的HTML标记描述即可 阅读全文
摘要:
Typora使用笔记 简介 Markdown是轻量级标记语言,轻量、易读、易写且对图片、图表、公式等都有支持。Typora是比较简洁优雅的Markdown编辑器,正式版发布后要收费了,还是固定在0.11.18吧,以后有钱了就补票。 Markdown常用语法 Typora支持实时显示效果,在markd 阅读全文