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>
  • 相关阅读:
    中海洋朗讯杯比赛总结[2014年12月]
    青理工ACM比赛总结和反思[2014年11月]
    程序员技术练级攻略
    一天能学会的计算机技术
    UVa 1597
    回滚机制
    超时和重试机制
    降级特技
    限流详解
    隔离术
  • 原文地址:https://www.cnblogs.com/loaderman/p/10005559.html
Copyright © 2011-2022 走看看