当前位置:Gxlcms > html代码 > HeadFirstHTMLCSSXHTML笔记_html/css_WEB-ITnose

HeadFirstHTMLCSSXHTML笔记_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:31人阅读

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

中的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不建议使用框架


          媒体元素

          人气教程排行