zoukankan      html  css  js  c++  java
  • CSS入门

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <!--
        html 在一个网页中负责的事情是一个页面的结构   
        css(层叠样式表) 在一个网页中主要负责了页面的数据样式。   
    编写css代码的方式:    
        第一种: 在style标签中编写css代码。   只能用于本页面中,复用性不强。   
            格式 :            
                <style type="textcss">
                    编写css的代码。
                </style>   
            例子:
                <style type="textcss">
                   a{
                        color:#F00;
                        text-decoration:none;
                    }
               </style>        
         第二种: 可以引入外部的css文件。  推荐使用。         
            方式1: 使用link标签。   推荐使用...
                格式:
                    <link href="css文件的路径" rel="stylesheet">          
                例子: <link href="1.css" rel="stylesheet"/>     
            方式2:使用<style>引入                    
                 格式:    
                         <style type="text/css" >
                            @import url("css的路径");
                        </style>                   
                 例子:
                     <style type="text/css" >
                        @import url("1.css");
                    </style>    
        第三种方式:直接在html标签使用style属性编写。    只能用于本标签中,复用性较差。 不推荐使用。   
              例子:
                  <a style="color:#0F0; text-decoration:none" href="#">新闻的标题1</a>           
    -->
    <style type="text/css">
    /*
        html的注释:<!-- html的注释 -->
        css /* css的注释 ..*/    
    /*    
    */
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
        <h1>标题1</h1>
        <a style="color:#0F0; text-decoration:none" href="#">新闻的标题1</a>
        <a href="#">新闻标题2</a>
        <a href="#">新闻标题3</a>
        <a href="#">新闻标题4</a>
        <a href="#">新闻标题5</a>
        <a href="#">新闻标题6</a>
    </body>
    </html>
  • 相关阅读:
    js遍历多层对象的键值对
    JS HEX十六进制与RGB, HSL颜色的相互转换【转】
    TortoiseSVN打分支、合并分支、切换分支【转】
    grid.containLabel
    安装谷歌vue-devtools调试插件
    使用Echarts遇到的问题
    理解js编程中函数的副作用
    git 镜像下载和安装
    欢迎来到博客园的世界
    c#制作一个屏幕保护程序
  • 原文地址:https://www.cnblogs.com/loaderman/p/10005559.html
Copyright © 2011-2022 走看看