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

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

中的title和style

inline元素 在

中

块元素

空元素

有序(前面有1,2,3...)

项列表，嵌入在ol或者ul中

无序

列表是一组项目，

元素用来确定每个项目，

把它们组成一组
所以
和
1. 必须一起用。

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

   hihi

   
   

   Chai Tea

   
   
   

   b.html:
   
   

   
   See Chai Tea
   
   

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

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

   
   See Chai Tea
   
   

   
   img是内联元素

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

   标准，提示浏览器该页面符合协议
   ..>
   去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不建议使用框架

   
   媒体元素

   ");}}}}topobj_second.html(topsecond);topobj_minutes.html(topminutes);topobj_hours.html(tophours);topobj_day.html(topday);},1000);}$('.topimages .layui-icon-close').click(function(){$.cookie('phpcndatatopadshows',1,{expires:7});$('.topimages').hide();});