摘要: 一、 Sass (安装时从C盘开始不可有中文) 1、文件后缀名有两种,sass中不包含{}和;, scss中包含{}和;,建议使用scss的后缀名。 2、用@import导入文件,可引入scss或者css文件,区别在于scss文件会被译, css文件则不会。 3、变量 $变量名(自取):值,如果在值 阅读全文
posted @ 2016-09-15 12:11 杜润慈前端博客 阅读(184) 评论(0) 推荐(0) 编辑
摘要: Less: 基于CSS的一种扩展技术,包含变量、混合、函数、运算,可以简化CSS代码,降低维护成本。必须通过解析器将less文件转换为css文件供页面使用。 1、 步骤 新建一个文件夹,在文件夹里新建html、less文件(至始至终不会建立CSS文件) 启动Koala 配置路径 在less文件里写内 阅读全文
posted @ 2016-09-15 11:54 杜润慈前端博客 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 盒模型 规定了元素框处理元素内容、内边距、边框距和 外边距的方式。 1、内边距 元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。 Padding:简写属性。 Padding-bottom:设置元素的下内边距。 Padding-top:设置元素的上内边距。 Paddin 阅读全文
posted @ 2016-09-11 16:21 杜润慈前端博客 阅读(826) 评论(1) 推荐(1) 编辑
摘要: CSS选择器:指定样式规则可作用于HTML文档中哪个或者哪些元素。 1、元素选择器:选择匹配选择器的网页上的任何HTML元素。 (元素名称{}) <title></title> <style type="text/css"> div{ color:red; } p{ font-size: 23px; 阅读全文
posted @ 2016-09-11 16:16 杜润慈前端博客 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 1、图片标签 <img> <img src="地址信息" alt="图片名称(当图像不能显示时应显示出来的文本)"/> 2、标题标签 <h> <h1-6> 1-6字号逐渐变小 3、段落 <p> 4、预文本标签 <pre> 可以将文本完全按照源文件的格式呈现 5、超链接标签 <a> <a href=" 阅读全文
posted @ 2016-09-04 19:52 杜润慈前端博客 阅读(292) 评论(0) 推荐(0) 编辑
摘要: HTML(Hyper Text MarkUp Language)为超文本标记语言,是通过使用标记来描述文档结构和表现形式的一种语言,由浏览器进行解析,然后把结果显示在网页上,是网页构成的基础。HTML文件必须使用html或htm为文件名后缀。 HTML是网页内容的载体,其内容就是网页制作者放在页面上 阅读全文
posted @ 2016-09-04 12:22 杜润慈前端博客 阅读(163) 评论(0) 推荐(0) 编辑