TUTsmile的博客

学习CSS之前，必须要有HTML基础，若没有可以先看我的前端入门学习笔记之前的内容。 什么是CSS CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一...

CSS 注释 虽然HTML与CSS会混合使用，但是CSS的注释为 /* */ 与HTMl的注释相同，CSS的注释同样可以跨行。 /* */ CSS 级联 网页的最终外观是不同的样式结合的结果。 通过样式的三个主要来源形成一个级联，其优先顺序如下： 1.由页面的作者创建的样式表 2.用户自定义样式 3.浏览器的默认样式 然后是基于选择符和特殊性的规则排序： 1.内联样式表的优先级最高。 2...

CSS语法 CSS是由浏览器解释的样式规则,然后应用于文档中相应的元素。 样式规则有三个部分：选择器，属性和值。 例如，标题颜色可以定义为： h1{color: red;} 选择器{ 属性: 值;} selector{property:value;} 需要设置多个属性的时候，可用分号将其分隔开，如 h1{ color: red; backg...

font-fmily font-family 规定元素的字体系列。font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。 Generic 为通用字体，Font 为特定字体，指定通用字是一个很好的习惯，当某个特定字体无法使用，就可让浏览器在通用系列中选择相似的字体。 若字体名由多个单词组成，则需要将其名字放在引号中如"Times New R...

CSS盒模型 盒模型由由边距(margin)，边框(border)，填充(padding)和实际内容组成。 所有盒模型以相同的顺序工作：顶部(top)，右侧(right)，底部(bottom)和左侧(left)。（顺时针方向） 1.边距（margin） /*CSS部分代码*/ .firstbox { background: red; height: 100px; width...