CSS 概述_hehe.employment.over.8.2

8.5 CSS_概述

  • CSS:页面美化和布局控制
  • 概念: Cascading Style Sheets 层叠样式表
    • 层叠: 多个样式可以作用在同一个html的元素上,同时生效。
  • 好处:
    • 功能强大;
    • 将内容展示和样式控制分离:
      • 降低耦合度。解耦;
      • 让分工协作更容易;
      • 提高开发效率。

8.6 CSS与HTML结合的方式

  • 内联样式
    • 标签内使用style属性指定css代码。
    • 示例:

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内联样式title>
head>
<body>
    <div style="color:#f298ff">
        hello world
    div>
body>
html>
  • 内部样式
    • head标签内,定义style标签,style标签的标签体内容就是css代码。
    • 示例:

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内部样式title>
    <style>
        div{
      
            color:red;
        }
    style>
head>
<body>
    <div>hellodiv>
body>
html>
  • 外部样式
    • 1.定义css资源文件
    • 2.在head标签内,定义link标签,引入外部的资源文件。
    • 示例:

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>外部样式title>
    <link rel="stylesheet" href="css/w.css">

    
        
    
    
head>
<body>
    <div>hellodiv>
body>
html>
  • notes:
    • 内联样式、内部样式、外部样式, css作用范围越来越大;
    • 内联样式不常用,后期常用内部样式、外部样式;
    • 外部样式可以写为:
				<style>
			        @import "css/w.css";
			    style>

你可能感兴趣的:(#,间接,over,css,html)