css简介
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.有时我们也会称之为 CSS 样式表或级联样式表。
CSS 是也是一种标记语言CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。
CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 可以美化 HTML , 让 HTML 更漂亮, 让页面布局更简单。
CSS 最大价值: 由 HTML 专注去做结构呈现,样式交给 CSS,即 结构 ( HTML ) 与样式( CSS ) 相分离
css语法规范
1.选择器是用于指定 CSS 样式的 HTML 标签,花括号内是对该对象设置的具体样式
2.属性和属性值以“键值对”的形式出现
3.属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等
4.属性和属性值之间用英文“:”分开
5.多个“键值对”之间用英文“;”进行区分
css基础选择器
基础选择器又包括:标签选择器、类选择器、id 选择器和通配符选择器
选择器总结
css字体属性:
css文本属性:
文本颜色: 语法: div { color: red; }
文本对齐: 语法: div { text-align: center; }
修饰文本: 语法: div { text-decoration:underline; }
文本缩进: 语法: div { text-indent:..em; }
行间距: 语法: p { line-height: 26px; }
css样式表:
按照 CSS 样式书写的位置(或者引入的方式),CSS 样式表可以分为三大类:
语法: <div style="color: red; font-size: 12px;">青春不常在,抓紧谈恋爱</div> // 行内样式表
语法: <style> div { color: red; font-size: 12px; } </style> //内部样式表
语法: <link rel="stylesheet" href="css文件路径"> // 在外部创建CSS 外部样式表