3-25 HTML及CSS总结

HTML:全称:hyper Text Markup Language:超文本标记语言

大体结构:<html>

                    <head></head>    -----头文件标签

                    <body></body>    ------主体部分

               </html>

<***></***>形似如此的格式称为有标签题的标签

主要有:1.标题标签<h1~7></h1~7>(1~7表示标题的字号,大于7的任然是7字号)

           2.段落标签<p></p> 段落缩进标签<blockquote></blockquote>

           3.原样输出标签<pre></pre>块标签<div></div>

           4.字体标签:加粗标签<strong></strong>斜体字标签<em></em>  <front></front>

           5.列表标签;有序列表<ol></ol>无序列表<ul></ul>

           6.表格标签<table></table>用于网页框架搭建(行标签<tr></tr>列表签<td></td>行合并<rowspan></rowspan>列合并<colspan></colspan>)

           7.表单标签<form></form>用于采集用户输入信息

           8.超链接标签<a></a>(扩展的锚链接)

还有一些非标签体格式标签:换行</br>  图片导入<img> 表单标签中的<input>等等

CSS:全称:Cascading style sheet:层叠样式表

格式:   标签选择器

            {    

                     对选择器选中标签进行修饰;

            }

锚伪类选择器:对鼠标link visited hover active 的4种状态进行操作(必须按顺序书写,否则相关操作无法实现)

盒子模型问题:主要应用于网页框架的搭建,通过操作内外边距来控制不同的盒子之间的关系(外边距应用较多)

float属性和clear属性在网页框架搭建中使用较多,float用于操作两个div块的浮动方向,clear主要用于将两个紧挨的div块分隔开

CSS的使用更加利于网页的修改,只需要修改标签选择其中的内容就可以实现对相关div块的操作





猜你喜欢

转载自blog.csdn.net/ws1995_java/article/details/79738517
今日推荐