1.q标签，短文本引用 q引用文本/q q标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。 2.使用span标签为文字设置单独样式 span标签是没有语义的，它的作用就是为了设置单独的样式用的。 语法：s...

2018-06-24 01:19:38

六、盒模型--边框（一） 1 ! DOCTYPE HTML 2 html 3 head 4 meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" 5 title 边框 / title 6 style type ="text/css" 7 8 / style 9 / head 10 body 11 h1 勇气 / h1 12 p 三年级时，我还是一个胆小如鼠...

2018-06-24 01:19:23

六、文字排版--删除线 1 ! DOCTYPE HTML 2 html 3 head 4 meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" 5 title 删除样式 / title 6 style type ="text/css" 7 8 / style 9 / head 10 body 11 p 原价： span class ="oldPrice" 300 / span...

2018-06-24 01:19:32

css之display:inline-block布局 1.解释一下display的几个常用的属性值，inline ， block， inline-block inline: 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由内容撑开. 可以使用pa...

2018-06-24 01:19:22

html手机web超出屏幕宽度的内容不换行，并产生横向滚动条 white-space: nowrap; overflow-x: scroll;...

2018-06-24 01:19:21

css设计浮动属性的主要目的，是为了实现文本绕排图片的效果。 一.浮动 当浮动一张图片或者其他元素时，浏览器会将浮动元素往上方推，直到它碰到父元素的内边界。后面的元素不再认为浮动元素在文档流中位于它的前面了，因为它就会占据父元素左上角的位置。 值得说明的是...

2018-06-24 01:19:14

页面布局中，我们经常需要用百分比来实现宽度自适应，但是如果这时候高度要跟宽度呈固定比例变化，该怎么办呢？ 很简单，我们可以利用元素的padding或margin的百分比值是参照父元素的宽度这一特性来实现， 即如果元素的padding或margin值是百分比值，那么，它的值是根...

2018-06-24 01:19:11

标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型 盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型分两种： ie 盒子模型和标准 w3c 盒子模型。 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content，并且 conten...

2018-06-24 01:19:18

英文原文：http://net.tutsplus.com/tutorials/html-css-techniques/sass-vs-less-vs-stylus-a-preprocessor-shootout 原文链接：http://www.w3cplus.com/css/sass-vs-less-vs-stylus-a-preprocessor-shootout.html 介绍 CSS预处理器是一种语言，用来编写一些CSS的特性...

2018-06-24 01:19:07

1.所有的标记都必须要有一个相应的结束标记 以前在 HTML 中，你可以打开许多标签，例如 p 和 li 而不一定写对应的 /p 和 /li 来关闭它们。但在 XHTML 中这是不合法的。 XHTML 要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个 " / " 来...

2018-06-24 01:19:09