web前端学习总结精华版.doc

(按栅格化进行)并且对高度没有限制的容器称为一个标准横切留白两个容器或碎片之间的上、下、左、右的空白距离继承元素可以从其父级元素中获得一些可为自己使用的属性或值。图片定位把图片元素放置到一个静态的、相对的、绝对的、或固定的位置中,利用CSS中对图片进行遮罩属性,多用于页面中的修饰图底图页面中在标签中使用的背景图齐底(图)线用于区分横切或碎片结束的线或图页面结构页面的基础框架,由横切、布局元素组成焦点区(图)最易注意的区域导航在页面中具有导向性的链接集合头图页面主题图片间距碎片或文字间的距离行高文字段落中行与行之间的距离首行缩进文字段落首行缩进浮动使被定义的区域脱离正常的页面文档流碎片由文字、图片组合成的内容区域通栏广告与页面内容区同宽的广告区域功能按钮具有交互属性的按钮私有样式当前页面独立使用的样式,不具备公用性水平(垂直)居中在页面中的某个元素处于父级的上下或左右的相同距离标准头(尾)::address(联系信息)em(强调)i(突出不同)cite(引用)dfn(首次定义术语):strong(重要)b(提醒):,段落缩进::::sub/::del(标记已删除内容)s(标记不准确内容)::,表注释::::.<formmethod="post"action=""enctype="multipart/form-data">...</form>:<fieldset>...</fieldset><fieldset>...</fieldset>:<inputtype="text"id="name"name="name"class="zky"required="required"placeholder="请输入"value="http://"autofocus="autofocus"size="12"maxlength="20"pattern=".."/> 注:text→password/url/tel/email Id:为了让对应的标签识别,添加CSS Name:为了让服务器和脚本识别,通常与id设为一样 Size:文本框大小 Maxlength:能输入的最大字符数 Pattern::<labelfor="idname">…</label>(多)选按钮:<inputtupe="radio/checkbox"id="aaa"name="zky"value="beijing"/><labelfor="aaa">北京</label><inputtupe="radio/checkbox"id="bbb"name="zky"value="shanghai"/><labelfor="bbb">上海</label>注:id各自唯一,nam