@import Sass 支持所有css 的@规则，以及一些Sass 专属的规则，也被称为“指令（directive）”.这些规则在Sass 中具有不同的 功效，详细解释如下。 @import Sass 扩展了CSS 的@import 规则，让它能够引入 SCSS 和 Sass 文件。 所有引入的 SCSS 和 Sass 文件都会被合并并输出一个单一 的 CSS 文件。 另外，被导入的文件中所定义的变量或 mix...
1、页面 1、文件结构 ...... ...... ....... , , , , 正文 2、语言字符集信息 基本上所有的网站的网页都有，现在一般都是UTF-8,和GBK2312 3、背景色彩和文字色彩 bgcolor --- 背景色彩 text --- 非可链接文字的色彩 link --- 可链接文字的色彩 alink --- 正被点击的可链接文字的色彩 vlink --- 已经点击(访问)过的可链接文字的色彩 （颜色RGB16进制） 背景图象 4、页面空...
LESS 中的注释 也可以额使用css 中的注释(/**/) 这种方式是可以被编译出来的。 也可以使用// 注释 不会被编译的 变量 声明变量的话一定要用@开头 例如：@变量名称：值； @test_width:300px; .box{ width:@test_width; height:@test_width; background-color:yellow; } 混合-(Mixin） 混合(mixin)变量 例如： .border{border:solid 10px red} ...
4月7日学到的知识点： 一： alt是给图片添加介绍，当图片没加载出来时，会直接显示alt的值,在搜索引擎搜索时也可以让搜索引擎更好的找到这张图。 二：标签下载 当href的值是一个文件名或者压缩包时就会直接出发浏览器的下载功能去下载这个文件。 三： 锚点，百度百科常用。点击a标签就会跳到对应id的位置。 四：群组选择符 #box1,#box2{}选中id为box1和b...
即将毕业的软件工程大学生一枚，秋季招聘应聘的是Android，今年来到公司实习，要求做前端开发，所以一切只有现学，现在根据视频来学习，然后开这个博客记录一下自己的学习过程，废话不多说，开写。 4月6日学到的知识点： 一： ! 声明，注意的意思； doc document 文档的意思； type 类型的意思； html就不用解释了； 连在一起的意思就是：注意，文档的类型是HTML。也就是声...
第十一章 1、 box-sizing：border-box（让宽度和高度包含内边距和边框） 2、 clear让后面的元素显示在浮动元素的后面 3、 z-index只对只对绝对、固定、相对定位的元素有效 4、 vertical-aligh只用于行内元素 baseline/middle/sub/super/text-top/text-bottom/top/bottom/百分比/值 第十二章 1、 and (min-width/max-width/resolution:value)” href=”” /> 2、 第十三章 1、 ...
第七章 1、 样式表：选择器和生命块 2、 !important： 某条声明的重要程度比其他高，在末尾添加 3、 属性值：inherit; 是强制继承 4、 1em=16px; 5、 可以接受不带单位的属性：line-height、z-index、opacity 6、 background-color/color/border/box-shadow/text-shadow: rgba(89,0,127,.2);最后一个是透明度 7、 属性：hsl(95,10%,28%) 色相、饱和度、亮度 第八章 1、 在和中加入media=”pri...
CSS3手册是学习CSS3的最佳文档，不管是自己写博客，还是买书，手册少不了。今天我给大家介绍一些CSS3有哪些分类及其使用。 具体参考：http://caibaojian.com/css3/ 上来进行以下整理。 从左侧我们可以清晰的看到文档分为了几大类： 属性 Properties（http://caibaojian.com/css3/properties/index.htm） 选择符 Selectors（http://caibaojian.com/css3/selectors/index.htm...
1 动态创建节点 详细说明请查看点击此处查看 这是使用 jquery的第一个案例 .hh{ width: 200px; height:1 00px; padding: 10px; margin: 5px; float: left; border: 2px solid #ccc; background: #bbffaa; } 动态创建div节点 点击页面会动态创建元素节点
在CSS3中是提倡使用选择器来将样式与元素直接绑定在一起的。 网页开发过程中，我们需要定义很多class来应用到不同的元素上，由于class本身是没有语义而且是可以复用的，所以过度使用class会使得整个样式表结构非常混乱。为了减少class的使用频度，需要尽可能的使用选择器来指定元素。而且使用选择器还可以定义很多规则，这样也可以减少重复定义class的代码量。 在CSS3中，主要有以下几种选择器：属性选择器、结构性选择...
这断时间家里有点事，上班也有点任务，所以几天没看视频没来更新了。今天来更新一下了。 一：默认样式重置 但凡是浏览默认的样式，都不要使用。 body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */} ol,ul{list-style:none;padding:0;margin:0;} a{text-decoration:none;} img{border:none;} 二：块元素和内嵌元素 块元素的特征: 1.默...
前几天被朋友问到几个CSS问题，讲道理么，接触CSS是从大一开始的，也算有3年半了，总是觉得自己对css算是熟悉的了。然而还是被几个问题弄的"一脸懵逼"... 然后又是刚入职新公司，事情不算多，于是拿起《CSS权威指南》进行"基础学习"+"查漏补缺"，本篇文章主要是总结了些自己认为CSS中值的注意的几个知识点(本文知识点仅限本书范围内，若要讲CSS全部样式，那本兽还是选择慢慢懵逼去~)。 选择器 这里要说明的是类选择器的嵌套选...
1.html究竟是什么？ 从字面上理解，html是超文本标记语言hyper text mark-up language的首字母缩写，指的是一种通用web页面描述语言，是用来描述我们打开浏览器就能看到的各种web页面的。 所以说，写html代码根本和 编程都扯不上边，不要一听源码两个字就绝望，以为要你攻读计算机学位似的。 你只要知道当你要在网页中展示内容的时候该用哪个标记就可以了。 即使一开始记不 住，也没关系，查课本，问度娘，分分钟搞定，用过...
任务二： 基于第一个任务“零基础HTML编码”代码，参考下图，在步骤一代码基础上增加CSS样式代码的编写。 在线参考学习资料： HTML简介（任务一内容）：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Introduction CSS简介：https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Getting_started MOOC:http://www.imooc.com/learn/9 -----------学习中 稍后...
一、绘制基本图形 在每次用canvas画布时，都有几步是“套路” 1.在HTML中创建Canvas画布： 浏览器不支持canvas 2.获取画布标签，并得到一个2D对象： var c = document.getElementById(mycanvas); //获取标签var ctx = c.getContext("2d"); //返回一个用来绘制环境类型的环境，返回一个2D对象 ，该对象实现了一个画布使用的大多数方法。 1、绘制线条： ctx.lin...