前端与开发基础帖 - 黑马程序员技术交流社区

Web标准不是一个标准是一系列的标准；

结构标准（html）：搭建页面的结构；

表现标准/样式标准（css）：页面样式的美化；

行为标准（javascript）：实现页面的交互效果。

还有就是我们初学时的一些标签：h1/h2/h3/h4/h5/h6,

这里h1一个页面只能使用一次，使用的地方也只能是logo。

h2一个页面可以使用两次，使用的位置尽量是那俩放主标题；

h3-h6可以在页面多次使用。

标签会在上下自动生成空白行，属于块元素。

还有一些改变文字特殊样式的标签；例如：

粗体：和虽然都是字体加粗，但是推荐使用strong，

strong是表示强调，老师举了一个通俗易懂的例子让我明白了他们的区别。

吃饭。b就像是说今天吃炒饭吧，strong就是吵着今天吃炒饭那个。虽然意思一样，但是表达还是有所区别。

文本倾斜标签：和 ，这里em表示强调，同上。

删除线： <del> 和 <s>，这里del表示强调，同上。

下划线：<ins>和,这里ins表示强调，同上。

从这里开始出现很多需要我们去记忆的单词。

说下margin与text-align：center的区别，最开始我一直搞混不知道什么时候使用，一直因为写错出现不生效情况。

以我个人使用及理解，text-align：center是可以让行内块与行内元素进行居中显示，

margin是块元素使用。

使用时候分清元素类型就可以了。

还有就是css的外部引用，这个我刚开始会有不懂，虽然是一些基本小错误，

也许其他人没有遇到；但是我觉得这是一个需要注意的点。

引入明明都是按老师教的写的，为什么引用不了。

后来发现是因为css创建时是放在css文件里面，html是放在根目录里面，所以引入时一定要css/往下一层去引用，不要直接写css文件名。

还有在css文件里引入背景图片时，要先../css翻到根目录再去找。

数值要注意别忘了加单位px；

个人觉得css较难，用法技巧太多，需要多加记忆。

一定要做好css实体化，宽、高、背景色。
难点在与复合选择器以及选这器的权重。

id选择器的命名规则：

不能用纯数字、数字开头的、中文命名；

类选择器和id选择器的区别：

类选择可以重复使用，只要样式一致就可以重复的使用同一个类名称；

id选择器是唯一的不能重复使用，一个id名称一个页面只能出现一次；

通配符选择器*

一个*表示选中所有标签，匹配页面的所有标签，降低页面得到响应时间，不建议使用；

还有就是文本的样式更改：

文本水平居中 text-align: center;

text-align文本居中控制，取值：left、right、center；

text-align让文字在父级盒子里面居中显示；

文本的行高 line-height

line-height取值为数字+px单位，可以设置文字行与行之间的距离；

如何量取设计稿的行高？

从第一行文字的开始到第二行文字的开始就是行高

文本首行缩进 text-indent

text-indent首航缩进，取值为具体的像素值或者直接em，1em等于一个字的大小；

text-indent:2em; 首行缩进2个字；

实际工作中一般只用：font:文字大小字体；

7、文本线条装饰 text-decoration （死记硬背）

text-decoration:none;没有线

text-decoration：underline；下划线

text-decoration:line-through;中划线/删除线

text-decoration:overline; 上划线

最重要的一点，是要学会使用调试工具去找错误。

chrome调试工具（重点）

01、捷键F12调出调试工具，如果直接按F12不生效我们就+FN

02、在页面的空白处右键 ---- 检查