css概述
1. CSS 指层叠样式表 (Cascading Style Sheets)
1. 样式定义如何显示 HTML 元素
1. 样式通常存储在样式表中
1. 多个样式定义可层叠为一个
.css作用
css是可以把页面布局,字体布局,背景颜色,字体颜色修改的,就好比毛坯房和精装房的区别。HTML可以把网页的元素铺出来,css把HTML页面进行美化。
css基本样式
文档流的顺序:上左下右
行级标签:按照文档流的顺序依排列
块级标签:独占一行次排列
CSS基本语法
1 <style> 2 h1{
3 color: aqua;
4 }
5 /* h1是选择器,{}里color:coral; 是声明 */
6 /* color是属性,coral是值 */
7 </style>
8 <body>
9 <h1>欣知大数据</h1>
10 </body>
基本样式
宽:width:100px;
高:height:100px;
背景颜色:background-color: aqua;
注意:行级标签设置的宽高不起作用,行级标签的宽高根据内容的大小自适应。
注释
css注释以 /* 开始,以 */ 结束。
三、css引入方式
内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。
<!-- 外联式 -->
<link rel="stylesheet" href="./style.css">
<!-- 内联式 -->
<style>
/* 基础样式
1.width 宽
2.height 高
3.background-color 背景颜色
4.list-style :none; 清除li默认样式
.行内引入
<p class="classname" id="idname" style="background-color: aqua;">这是另一个<span class="red-color">段落</span>标签</p>
css样式表优先级
/* 优先级
1000 !important 设置最高优先级;一般不建议用,改源码时可以用
*优先级最低 < 1
标签选择器 < 10
.class <100
#id 200 <
行内引入方式 <
!important
.class #id > #id
组合选择器时,按优先级顺序叠加,谁大谁生效
*/