提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
目录
前言
我们现在基本完成了HTML5语言的学习,接下来我们马上进入CSS的学习,为我们的网页进行装修
CSS简介
主要作用
美化页面,布局页面
HTML的局限性
只关注内容的语义,负责大致的架构,主要做网页的元素方面,简单来说,太丑了
简单介绍
CSS是层叠样式表(Cascading Style Sheets)的简称,也称之为CSS样式表或级联样式表。
CSS也是一种标记语言,主要用于设置HTML页面中的文本内容(字体,大小,对齐方式),图片的外形(宽高,边框样式,边距)以及版面的布局以及外观显示样式
最大价值
由HTML专注去做结构呈现,样式交给CSS,即结构(HTML)与样式(CSS)相分离
CSS语法规范
使用 HTML时,需要遵从一定的规范,CSS 也是如此。要想熟练地使用 CSS对网页进行修饰,首先需要了解CSS 样式规则。CSS 规则由两个主要的部分构成:选择器以及一条或多条声明.
选择器是用于指定 CSS 样式的 HTML标签,花括号内是对该对象设置的具体样式属性和属性值以“键值对”的形式出现
属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等
属性和属性值之间用英文“:”分开
CSS语法样式:
<style>
/选择器{样式}/
/给谁改样式{改什么样式}/
p{
color: brown;
font-size: 35px;
}
</style>
<body>
<p><strong>一个简单的例子</strong></p>
</body>
CSS代码风格
注:代码书写风格不是强制规范,而是符合实际开发书写方式
样式格式书写
紧凑格式
不推荐
p{color:aliceblue;font-size: 35px;}
展开格式
推荐
p{
color: brown;
font-size: 35px;
}
样式大小写风格
h3 {color: pink;
}
H3{COLOR:PINK;
}
强烈推荐样式选择器,属性名,属性值关键字全部使用小写字母,特殊情况除外。
样式空格风格
h3 {color:pink};
① 属性值前面,冒号后面,保留一个空格②选择器(标签)和大括号中间保留空格
总结
其实我觉得这篇贴子超级水的,但是一个引入说明我个人觉得还是有必要的,就当过渡吧(戳手)