发表于: 2017-02-17 22:47:35
1 1247
今天完成的事情:学习并对HTML的标签进行实际操作,学习了doctype语句,建立标准的网页,doctype语句是必不可少的关键部分,HTML必须真确的声明,否则标识跟CSS不会生效,网页不能正常显示,HTML标识必须放在文档最顶部。inline元素、block元素、inline-block元素的区别。
明天计划的事情:继续学习CSS样式。
遇到的问题:看不懂属性,通过查资料解决。
收获:通过今天的学习,对HTML和CSS有了更深入的了解。
过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法),完整代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>,完整代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD,完整代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
多个inline元素在父容器内表现:汉字会折断换行;字母数字不换行,浏览器默认设置下会溢出父元素
多个block元素的换行情况:汉字、字母、数字都独占一行
inline-block元素情况:不论是中文、数字、单词词组都会完整显示,推荐使用inline-block设置类似的场景。
评论