zoukankan      html  css  js  c++  java
  • css的三种使用方式:行内样式,内嵌样式,外部引用样式

    三中的使用方法的简单实例如下:

    行内样式:

    <!doctype html>
    <html>
    <head>
    	<meta charset="UTF-8">
    	<title>css行内样式</title>
    </head>
    <body>
    <div style="100px;height:100px;background:red;"></div>>
    	
    </body>
    </html>

    内嵌样式:

    !doctype html>
    <html>
    <head>
    	<meta charset="UTF-8">
    	<title>css内嵌样式</title>
    </head>
    <body>
    <style type="text/css">
    #div{100px;height:100px;background:red;}
    </style>
    <div id="div"></div>>
    	
    </body>
    </html>

    外部式:

    <!doctype html>
    <html>
    <head>
    	<meta charset="UTF-8">
    	<title>css内嵌样式</title>
    	<link rel="stylesheet" type="text/css" href="ccss.css">
    </head>
    <body>
    <div id="div"></div>>
    	
    </body>
    </html>

    css文件

    #div{100px;height:100px;background:red;}


    行内样式:就是代码写在具体网页中的一个元素内;比如:<div style="color:#f00"></div>
    
    内嵌式:就是在</head>前面写;比如:<style type="text/css">.div{color:#F00}</style>
    
    外部式:就是引用外部css文件;比如:<link href="css.css" type="text/css" rel="stylesheet" />

    如果本文对您有所帮助,请打赏——1毛就足够感动我~

     
  • 相关阅读:
    redis使用基础(一) ——Redis基本概述与安装配置
    Linux学习闲谈(三) ——SVN用法及切版本与合版本
    Linux学习闲谈(二) ——SVN版本控制拾遗
    Linux学习闲谈(一)——Shell基本操作与命令
    linux1
    git命令
    ubuntu
    laradock
    实用工具
    grumphp在docker里问题
  • 原文地址:https://www.cnblogs.com/yinyl/p/7799349.html
Copyright © 2011-2022 走看看