简单用法： 变量 sass中可以定义变量，方便统一修改和维护。 //sass style$fontStack: Helvetica, sans-serif;$primaryColor: #333;body { font-family: $fontStack; color: $primaryColor;}//css style body { font-family: Helvetica, sans-serif; color: #333;} 嵌套 sass可以进行选择器的嵌套...
在前端开发中编写html静态网页模板时，head标签内总是会带上许多meta标签，大多数时候并不十分了解这些标签的具体作用，只是别人写了我们也写上吧！ 今天小编特意查询了一下关于网页中meta标签的作用。 meta是head区的一个辅助性标签。其主要作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！ meta标签共有两个属性...
前言 这是前段时间参加UTD Hackathon的总结。 这是在TAMU的同学邀请一起去往往的，我主要负责了爬虫这个部分。所以这里主要讲讲我的工作。其他我不了解的部分也就不多说了，不要布鼓雷门了。 这个项目的出发点就是我们希望开发一个类似12306抢票助手的工具来预约驾照考试。主要是我同学提出的需求，原来美帝和我们买火车票一样，需要先预约驾照考试。但是这儿存在一个什么冒顿呢，TAMU所在的college town人特别多，就和春...
1. 利用content属性，为元素添加内容修饰： 1） 添加字符串： 使用引号包括一段字符串，将会向元素内容中添加字符串。栗子： a:after { content: "after content"; } 2） 使用attr()方法，调用当前元素的属性的值： 栗子： a:after { content: attr(href); }a:after { content: attr(data-attr); } 3）使用url()方法，引用多媒体文件： 栗子： a::before { content: url(logo.png); } 4) 使用counte...
关于浮动，最主要的就是解决浮动在IE6、7下要做的兼容问题。例如：双边距bug，图片下的空隙问题等等。后面要和定位带来的兼容问题一起总结一下好了~~~ 块的特征 1、默认独占一行 2、没有宽度时，默认撑满一排（即父元素有多宽它就是多宽） 3、支持所有css命令 行内元素的特征 1、同排可以继续跟同类的标签 2、内容撑开宽度 3、不支持宽高（就是写上宽高值也并没有什么卵用~） 4、...
HTML其实就是把页面的数据封装并加上标签 表头 浏览器标题栏显示的内容 有href和target属性，href指定网页中所有超链接的基本目录，target指定打开超链接的方式，如_blank为在新窗口中打开 name网页的描述信息，可以设置网页搜索的关键字keywords。http-equiv可以设置自动刷新 如： 设置3秒自动刷新 rel属性：描述目标文档与当前文档的关系，type：文档类型，media：目标文档在哪种设备上起作用，如...
对于定位这个性质我原理上来说自己是明白的，但是在实践的过程中，总会出现各种稀奇古怪的情况，加relative或是absolute就可以解决，但是遇到这些情况总是不明白为什么！！！难道是脑容量太小的原因吗！！！=_=!!还是先记基础知识好了，因为里面还是有很多坑！！相对定位： 内联元素加相对定位也不支持宽高！！ relative并不会使元素脱离正常文档流！ 以上两点说明加上相对定位不影响元素本身的特性，内联元素和...
跟叶老师说项目，他叫我写一个静态首页，看起来挺简单的，但是下手才发现在真的不会怎么下手啊，什么模型啊模块啊都不懂，写毛线啊！！ 如图：页面下拉还有侧栏，中间内容等。 可是答应跟老师做了，不能怂啊，于是硬着头皮，花两三天看在慕课网上学习Bootstrap（讲得挺好的，建议大白去看一下），其实我刚看完不久，里面很多东西其实作者都总结得很不错，还有演示。 收获很多，打算再看一下HTML的div+css布局，花一两...
4.14 CSS background属性简写： background-position属性组合方式：[ left | center | right ] || [ top | bottom ] （组合后中间没有下划线） background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动 background属性简写顺序：background-color || background-image || background-repeat || background-attachment || background-position 4.15 圆角框：css3的border-radius和borde...
记得前百度工程师张云龙说过，页面前端优化问题绝对不仅仅是为页面提速的问题，更是工程的问题，有兴趣的同学可以阅读《 前端工程与性能优化 》。里面有提到根据雅虎14条优化原则，《高性能网站建设指南》以及《高性能网站建设进阶指南》中提到的优化点梳理出来的优化方向： 张云龙先生提及到的优化方向从提出到现在虽已相隔两年时间，前端技术也在飞速发展，但其提到的工程化思想仍是前端优化的一个大方向，亦有很大的指...
几个知识点： HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML框架结构： 此处为标签内容
添加必要的注释，是一个优秀的程序员必须具备的好习惯，可以大大提高代码的可维护性、可读性。 1、HTML注释 注释的地方（根据个人习惯可能有所不同）： 结束标签的后面，这一切都是为了程序在嵌套的时候更加方便、明了，如： 2、CSS注释 /*注释的内容*/ 注释的位置： 某个模块样式开始的地方，说明这段样式是作用于哪段模块，如： /*header*/header { ...
让网页的宽度自适应屏幕 1）html上加入 发确保网页的效果 2） 加上以下语句可使网页在苹果设备上运行更好 3）加入这句话可以定义iphone的添加到主屏幕的图标 网页打开方式：链接target的值：_self(相同窗口，浏览器默认)、_top(整页窗口)和_parent(父窗口)相同、_blank(在新建的窗口打开)表示页面中的所有链接都在新窗口打开 madinc.co// autocomplete="off"//去掉输入框的历...
标题严格遵守了新广告法，你再不爽，我也没犯法呀！屁话不多说，直入！ 所谓布局，其实包含两个含义：尺寸与定位。也就是说，所有与尺寸和定位相关的属性，都可以用来布局。 大体上，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位三种定位机制，CSS3中的transform、弹性盒子模块、试验中的grid模块。逛园子的时候经常可以看到浮动布局，inline-block布局，弹性盒布局这几个名词。现在对布局也算有一点了解...
入行也半年了，无数次的想过写博客也无数次的想过第一篇会写什么，一直没有落实。今天心血来潮把博客开了，那就写点东西吧。第一篇就写一写看似简单但又经常不注意到的meta标签吧。（博主经验尚浅，有许多理解不到位的地方或者说错的地方欢迎批评指正） 不说了~这个是祖师爷 1.让浏览器默认以什么版本来显示： content里的IE=edge表示让浏览器默认以edge内核去处理页面，而后面的chrome=1则是...