【无标题】浅识css

1.入门css

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

前端网页三个层
         html:用来搭建网页基本骨架 结构层
         css 用来修饰网页 表现层
         javascrip 脚本 行为层

简单来说css就是来修饰网页使网页达到美观的效果        

<div>
             <span style="background-color: aqua;">
                 还记得你说家<br>是唯一的城堡，
                <span style=" color: blue;">
                     随着稻香河流
                 </span>继续奔跑，<br>微微笑，小时候的梦我知道！！！！！
                笑一个吧，功成就是目的，<br>让自己快乐这才叫做意义，童年的<br>纸飞机现在终于飞回我手里！
             </span>
  </div>

效果图

 2.css的引入

css的引入方式有三种

直接标签引入

行内样式
<div style = “colo....”>

内嵌式

外链式<link rel=“ stylesheet”href=”css文件“>

3.选择器

标签选择器

标签选择器其实就是html代码中的标签。

id选择题

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

id 选择器以 "#" 来定义。

类选择器

第一步：使用合适的标签把要修饰的内容标记起来，

第二步：使用class="类选择器名称"为标签设置一个类

第三步：设置类选器css样式

4.外链式与@import的区别 href与arc的区别

外链式与@import的区别

link属于XHTML标签；@import完全是css提供的一种方式。

 link标签除了可以加载css外，还可以做很多其他事件；比如：定义RSS，定义rel连接属性等。

加载顺序不同，link引用的css会同时被加载；@import引用会等到页面全部被下载完再被加载，所以有时候浏览@import加载css页面时开始没有样式。

href与arc的区别

（1）请求资源类型不同：

href是超文本引用的简写，用来为当前元素和文档之间建立连接，常用的是link、a标签。
src会将指向的资源下载并引用到当前文档中，常用的标签有script，img，iframe标签。

（2）作用的结果不同：

href是为当前文档和引用资源建立联系；
而src是替换当前的元素。

（3）浏览器的解析方式不同

herf引用的资源，浏览器会将其识别为CSS文档，并行下载资源并且不会停止对当前文档的处理。
当浏览器解析到src时，会暂停其他资源的下载和处理，直接将该资源下载，编译，执行完毕，图片和框架也是如此，类似于将所指资源应用到当前内容。

5.字体的相关样式

（1）font-size 字体大小

（2）font-family 字体系列 多个字体之间用逗号隔开

英文字体中间有空格要用引号

（3）font-style 字体风格

（4）font-weight 字体的粗细

（5）line-hright 字体的行高

 

上面的缩写就是缩写就是font空格style weight size/line-hright family