首页 > 代码库 > css代码引入方式与基本选择器

css代码引入方式与基本选择器

引子

css功能:对html元素进行渲染布局

1.查找标签元素

2.操作标签(加对应的css属性)

由两个主要的部分构成:选择器,以及多条声明

====================================

css代码引入方式

一、行内式(不涉及查找,跟html绑定,难维护)

<p style="color: red;font-size: 24px">hello world</p>

二、嵌入式:head标签内嵌style标签

  选择器

    标签选择器

    id选择器  优先级最高  #

    类选择器  .

    通用选择器  *

  选择器优先级 

  组合选择器 

三、文件链接式(项目选用)

head标签中添加link标签链接独立的css文件

<link rel="stylesheet" href="http://www.mamicode.com/index.css">

css代码引入方式与基本选择器