码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-07-20 00:54:12      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:lin   style   绑定   维护   操作   优先级   查找   通用   渲染   

引子

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="index.css">

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

标签:lin   style   绑定   维护   操作   优先级   查找   通用   渲染   

原文地址:http://www.cnblogs.com/geek-ace/p/7208917.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!