CSS

♀尐吖头ヾ 提交于 2019-11-29 16:51:20

一、CSS概述

1、什么是CSS

Cascading style sheets,层叠样式表、级联样式表,简称样式表

2、css的作用

设置HTML网页中元素的样式

3、HTML与CSS的关系

HTML:负责网页的搭建,内容展示--网页骨架

CSS:负责网页的修饰,样式的构建--给网页化妆

4、HTML属性和CSS的使用原则

W3C建议我们尽量使用CSS的方式来取代HTML属性

 

二、CSS的语法规范

1、使用CSS的方式

    (1)内联样式/行内样式

        将css样式定义在html标签中

        <any style="样式声明"></any>

        样式声明:样式属性:值;样式属性:值 

2、内部样式

在网页head标签中创建style标签,在style标签内部定义样式

<style>

    样式规则1;

    样式规则2;

</style>

样式规则:由选择器和样式声明组成

元素选择器,由元素名称作为选择器,页面上匹配这个元素的名称的元素,都可以用这个样式

div{

    color:red;

}

3、外部样式

独立于任何一个网页,声明一个样式文件(.css),在css文件中写样式规则

使用步骤

  • 创建样式表文件
  • 在css文件中编写样式规则
  • 在网页的头部引入css文件<link href="css的url" rel="stylesheet">

3、Css特性

    (1)继承性:大部分的css效果是可以直接继承的,必须父子结构(有层级嵌套),子继承父

    (2)层叠性:可以为一个元素定义多个样式规则,规则中属性不冲突时,多个样式可以同时应用到当前元素上

    (3)优先级:如果多个样式冲突,按照样式的优先级应用样式

        最高:内联样式

        中间:

        最低:浏览器默认样式

 

 

        

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!