好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HeadFirstHTMLCSSXHTML笔记_html/css_WEB-ITnose

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

中的title和style

inline元素 在

块元素


空元素

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

列表是一组项目, 元素用来确定每个项目, 把它们组成一组
所以 和 必须一起用。

使用来跳转到链接页面的指定区域
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不建议使用框架


媒体元素

查看更多关于HeadFirstHTMLCSSXHTML笔记_html/css_WEB-ITnose的详细内容...

  阅读:31次