2021-04-30 css第一天开始

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  外部样式表

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。