首页 >web前端 >html教程 >Head First HTML CSS XHTML笔记_html/css_WEB-ITnose

Head First HTML CSS XHTML笔记_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:33:271192浏览

最近在看点前端的东西,看到了这本入门级的好书

 

中的title和style

inline元素 在

块元素


空元素

    有序(前面有1,2,3...)
  1. 项列表,嵌入在ol或者ul中
      无序

      列表是一组项目,

    • 元素用来确定每个项目,
        把它们组成一组
        所以
        1. 必须一起用。

           

          使用来跳转到链接页面的指定区域
          a.html:

           
             

          hihi


             

          Chai Tea


           

          b.html:

           


              See Chai Tea
           

          打开b后,点击链接,可以跳转到a页面的Chai Tea区域


          打开新窗口,添加target对象为_blank

           


              See Chai Tea
           


          img是内联元素

          如果图形没有显示,alt的文字用来代替图片
          no pages

          标准,提示浏览器该页面符合协议
          ..>
          去w3c检测自己的网页是否符合标准

          head是放置title,meta,style元素的唯一地方

          内联和文本必须在块元素中才可以运行

          块元素不鞥呢内嵌在内联元素里

          xhtml是xml

          xhtml的空元素都以 /> 结尾

          css

          在head中,使用link,添加css文件

          type为类型
          rel为关系,即样式表

          p{
          color: red;
          }

          p.greentea{
          color: green;
          }

          ...

          用图片做背景
          background-image: url(images/background.gif)

           

          p.specials{}选择specials class的段落
          .specials{}选择specials class的所有元素
          #footer{} 选择id为footer的任意元素
          p#footer{} 选择id为footer的

          元素

          可以多样式表,多个link即可
          还能多样式表用于不同的设备,如打印机,在link添加media="print"

           

          div来进行逻辑分区

          选择子孙
          div h2{}
          #elixirs h2{}

          用于创建一组内联字符和元素,用来对

          进行设置
          因为不能用div,会引起换行


          链接也可以设置样式
          a.link{ color: green}
          a.visited{}
          a.hover{}
          a.focus{}
          a.active{}

          这就是伪类


          流,块是从上到下,内联是从左到右

          table,从上到下,从左到右

          摘要
            第一列
              表头
             
             
           
            第二列
              第二行
             
             
           
            第三列
              第三行
             
             
           


          li table的样式设置
          li还可以自定义样式


          表单



           

          w3c不建议使用框架


          媒体元素

           

    • 声明:
      本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn