学习笔记css
一、什么是CSS？
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
二、CSS的引入方式：
1、内嵌式引入：
把style标签嵌套在head标签中
|
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{font-size:36px;}
</style> </head> <body>
<p>一些老的<b>浏览器不支持 iframe。</b></p> <p>如果得不到支持，iframe 是不可见的。</p> </body> </html> |
2、行内样式：
|
<b style="font-size:56px;">浏览器不支持 iframe。</b> |
3、外链样式：
把css当成是一个文件，通过link标签引入到html中
|
<link rel="stylesheet" type="text/css" href="css/main.css"> |
4、嵌入样式：
内嵌和外链一种综合性的使用，不太常用 了解即可
|
<style type="text/css"> @import url("css/style.css");
</style> |
三、CSS选择符：
1.标签选择符：
通过标签的名字来命名的
body{color:red;} p{color:red}
对html中的所有该标签都起作用
2.id选择器：
当标签中出现id属性的 那么可以使用id选择器
Id选择器 通常应用于某些标签中独有的样式
Id选择器的标识 是#
|
#one{ color:gold; } |
3.类选择器：
当标签中出现class属性的时候 那么可以使用类选择器
类选择器 通常应用于某几个标签具有相同的样式
类选择器的标识：
|
.pink{ color:pink; } <p class="pink">如果得不到支持，iframe 是不可见的。</p> |
4.全选择器 使用*号来表示 对整个html中的所有标签都起作用
|
*{font-size:36px;color:black;} |
适用场景： 每种浏览器的默认属性的相关值都不一样，一般情况在网页开发的初始阶段，需要把所有浏览器的默认值 都归到一个统一的默认值下。然后再进行具体其他操作。
浙公网安备 33010602011771号