上一页 1 ··· 4 5 6 7 8 9 下一页
摘要: 一、CSS文档统筹 1.整站里相同的CSS样式提取到一个样式表里,各个页面调用相同的样式文件即可; 2.网站较大的情况下一般会把网站的头部,尾部单独分离出来,包括样式文件; 1)根据页面类型分离文件 2)根据功能模块分离文件 3)根据设备类型分离文件 4)根据代码规模分离文件 3.引进文档<ifra 阅读全文
posted @ 2019-01-09 13:11 元哥0317 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 一、样式重置(公共样式) 1.新浪: html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } fieldset, img { 阅读全文
posted @ 2019-01-09 13:11 元哥0317 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 一、BFC 1.BFC(Block formatting context)直译为“块级格式化上下文”。 1)它是一个独立的渲染区域,只有Block-level box(块)参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干; 2)是Web页面中盒模型布局的CSS 阅读全文
posted @ 2019-01-09 12:16 元哥0317 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 一、Form表单补充(收集用户信息) 1.button按钮(不进行提交) 1)语法1:<input type="button" value="按钮内容" /> 2)语法2:<button type="button(普通按钮)/submit(默认值提交按钮)/password(密码)">按钮上的内容< 阅读全文
posted @ 2019-01-08 17:50 元哥0317 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 一、宽高自适应 网页布局中经常要定义元素的宽和高;但很多时候我们希望元素的大小能够根据窗口或父元素自动调整,这就是自适应,元素自适应在网页布局中非常重要,tanenggou它能够使网页显示更灵活,可以适应在不同设备、不同窗口和分辨率下显示。 (一)宽度自适应 1.元素宽度默认设置为100%(块元素宽 阅读全文
posted @ 2019-01-05 19:10 元哥0317 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 一、设置元素背景透明属性{background:rgba(255,255,255,0.5);} 1.元素背景透明,内容正常显示; 注:opacity:value;元素背景透明内容也透明; 2.rgba分别指red、green、blue、透明度 二、Flash和marquee(滚动字幕) 1.插入fl 阅读全文
posted @ 2019-01-04 20:54 元哥0317 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 一、命名锚点链接的应用 1.定义:是网页中超链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍; 2.应用:(1)命名锚点的作用:在页面内不同的位置进行跳转 (2)给元素定义命名锚记名:<标记 id=“命名锚记名”></标记> (3)命名锚记链接:<a her 阅读全文
posted @ 2019-01-03 19:15 元哥0317 阅读(716) 评论(0) 推荐(0) 编辑
摘要: 一、position定位属性,检索对象的定位方式 1.语法:{position:static(无特殊定位)/absolute(绝对定位)/relative(相对定位)/fixed(固定定位);} 1)static:默认值,无特殊定位,对象遵循HTML原则; 2)absolute:绝对定位,将其从文档 阅读全文
posted @ 2019-01-03 19:06 元哥0317 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 一、position:fixed;固定定位 1.实现某个元素在可视窗口的居中位置显示 1)给自身设置宽高; 2)给自身加position:fixed; 3)用margin向左移动自身宽度的一半,向上移动自身高度的一半; 或: 1)给自身设置宽高; 2)再设置position:fixed; 3)再给自 阅读全文
posted @ 2019-01-03 19:06 元哥0317 阅读(6754) 评论(0) 推荐(1) 编辑
摘要: 一、垂直对齐方式{vertical-align:middle/top/bottom;} <img>垂直对齐方式:1)给自身加vertical-align;再设置line-height即可; 注意:img会受文字影响自带行高需加font-size:0;去除影响; 2)给img标签设置参照物,也就是在同 阅读全文
posted @ 2019-01-02 20:17 元哥0317 阅读(403) 评论(0) 推荐(0) 编辑
上一页 1 ··· 4 5 6 7 8 9 下一页