• CSS盒子模型

    2016-10-22 《css入门经典》第6章 1.每个HTML元素对应于一个显示盒子,但不是所有的元素都显示在屏幕上。 2.HTML元素显示为CSS显示盒子的真正方法称为“可视格式化方式”。可视格式化方式告诉浏览器应该如何在屏幕上显示HTML内容。 3.元素类型: (1)块元素(block)...

    2018-06-24 00:34:16

  • sass中出现的中文问题

    在这园子里看到了很多优秀的资源,自己也想写写东西,就突然想到了以前遇到写sass的时候出现中文乱码的解决方案。所有就自己又总结了一下。(以下测试步骤都是自己完成的!没有任何转载,如有错误,希望大家指正) 简单说明下:sass来编写css样式方便了很多,让我们本来...

    2018-06-24 00:34:08

  • 深入理解和应用display属性(一)

    Display在官方定义:规定元素应该生成的框的类型。本文只重点分析常用的6个值:none、block、inline、inline-block、inherit、flex。其他table、list-item等都不再推荐使用。 一、None 此元素不会被显示。主要与visibility属性为hidden时相区分。 1) 当元素的none时,j...

    2018-06-24 00:33:54

  • 实用的60个CSS代码片段

    1、垂直对齐 如果你用 CSS ,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用 CSS3 的 Transform ,可以很优雅的解决这个困惑: .verticalcenter { position: relative; top: 50%; -webkit-transform: translateY(- 50%); -o-transform: translateY(- 50%); t...

    2018-06-24 00:33:10

  • CSS对齐

    2016-10-25 《css入门经典》第15章 1.text-align属性: 块属性内部的文本对齐方式。该属性只对块盒子有意义,内联盒子的内容没有对齐方式。(注意:只是盒子内部的内容对齐,而不是块盒子本身。) center:内容居中; justify:文本两端对齐; left:内容左对齐; right...

    2018-06-24 00:33:12

  • margin与padding大比拼

    用margin还是用padding这个问题相信是每个学css的人都想要去深入了解的。 CSS边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School 边界(margin):元素周围生成额外...

    2018-06-24 00:33:07

  • 写过的HTML标签(一)

    HTML 标题 (Heading)是通过h1 - h6 标签来定义的. 成对出现,以h * 开头,以/h * 结尾。前后数字( * )提倡一致,以h * 为准。例如:h1标题/h 2 标题显示字体大小为h1。 HTML 段落 是通过标签 p 来定义的. HTML 链接 是通过标签 a 来定义的. 实例:a href ="http://...

    2018-06-24 00:33:03

  • BFC布局原理

    写这篇博客的初衷其实是在解决浮动的时候看到的这个方法,就想着BFC是什么,为什么可以清除浮动。结果不看不知道,一看越看越不明白,潜下心来研究看看,总结一下学习心得。 1. BFC是什么 BFC就是Box Formatting Context的简称,直译为"块级格式化上下文"。 1.1 Box 是...

    2018-06-24 00:32:16

  • 关于target="_new"和"_bl

    为了弄清楚这个问题我们来看三段代码产生的结果: code1: html head title new和blank的区别 / title / head frameset cols ="30%, *" !-- 分别调用target为new和blank的两段代码 -- frame name ="left" src ="t_new.html" frame name ="right" src ="t_blank.html" /...

    2018-06-24 00:32:47

  • 使用eclipse+fiddler+微信web开发者工具调试本地微信

    前面已经说了调试服务器上的微信页面,放链接:http://www.cnblogs.com/Gabriel-Wei/p/5977850.html还有fiddler调试链接:http://www.cnblogs.com/Gabriel-Wei/p/5961404.html 今天说一下使用eclipse+fiddler+微信web开发者工具调试我们本地的微信页面。 1.我的是微信...

    2018-06-24 00:32:32

2