TypechoJoeTheme

快把钟哥带走

zyz

网站页面
标签搜索
搜索到 11 篇与 HTML&CSS 的结果
2018-04-12

10、HTML&CSS-高级表单、表格

10、HTML&CSS-高级表单、表格
一、表单高级表单字段集 语法: <fieldset> </fieldset> 说明: 相当于一个方框,在字段集中可以包含文本和其他元素。该元素用于对表单中的元素进行分组并在文档中区别标出文本。fieldset元素可以嵌套,在其内部可以在设置多个fieldset对象;字段级标题语法: <legend align="left/center/right/justify">个人信息</legend> 说明: legend元素可以在fieldset对象绘制的方框内插入一个标题,legend元素必须是fieldset内的第一个元素;上传文件框语法: <input type="file" multiple="multiple" /> 说明: type属性值新增的类型有: file文件类型,可进行文件的选择,multiple属性可实现多选;required属性 语法: <input type=“text”...

HTML&CSS

282 阅读
2018年04月12日
282 阅读
0 评论
2018-04-12

09、HTML&CSS-自适应

09、HTML&CSS-自适应
一、过滤器下划线属性过滤器(过滤IE6和其他标准浏览器的)当一个属性前面添加一个下划线后,由于符合标准的浏览器不能识别带下划线的属性而忽略了这个声明,但是在IE6以及更低版本浏览器中是可以继续使用这种声明; 语法: 选择符{ _属性: 属性值; }!important关键字过滤器它所表示附加的声明具有最高优先级的意思。但由于IE6以及更低版本不能识别它们,可以利用IE6的这个BUG作为过滤器来兼容IE6和其他标准浏览器; 语法: 选择符{ 属性: 属性值!important; }二、宽高自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应; 元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示;宽度自适应 元素宽度设置为100%(块元素宽度默认为100%)高度自适应 元素{height:auto;} // 高度默认就是auto元素具备最小高度的自适应方法1: min-height:value; ...

HTML&CSS

242 阅读
2018年04月12日
242 阅读
0 评论
2018-04-12

11、HTML&CSS-CSS统筹

11、HTML&CSS-CSS统筹
一、CSS文档统筹整站里相同的CSS样式提取到一个样式表里,各个页面调用相同的样式文件即可; 网站较大的情况下一般会把网站的头部,尾部单独分离出来,包括样式文件; > 根据页面类型分离文件 > 根据功能模块分离文件 > 根据标签类型分离文件 > 根据设备类型分离文件 > 根据代码规模综合分离文件 二、网页自身优化页面主题优化实事求是的写下自己网站的名字,网站的名字要合理,最好包含网站的主要内容;页面头部优化页面头部指的是代码中部分,具体一点就是中的"Description(描述)"和"Keywords(关键字)"“描述”部分应该用近乎描述的语言写下一段介绍你网站的文字,在这其中,你应该适当的对你网站的特色内容加以重复以求突出;"关键字"部分应该列出你认为合适的,能突出网站内容的关键字就可以了,关键字不要设置太多,可设置10---8个,搜索引擎只会浏览靠前的几个关键字; <meta name="keywords" content="" />向搜索引擎说明你的网页的关键词; <meta ...

HTML&CSS

57,084 阅读
2018年04月12日
57,084 阅读
0 评论
2018-04-12

08、HTML&CSS-图片整合

08、HTML&CSS-图片整合
一、CSS Sprites的原理(图片整合技术)/CSS精灵什么是图片整合? 将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position来实现背景图片的定位技术;图片整合的优势: 1)通过图片整合来减少对服务器的请求次数,从而提高页面的加载速度;2)通过整合图片来减小图片的体积;二、CSS Sprites的实现方法什么是滑动门滑动门是一个形象的称呼,它利用CSS背景图像可层叠性,并允许彼此之上进行滑动来创造一些特殊动态效果;滑动门特征:通过滑动门技术,可以使CSS设计出来的导航菜单兼具传统布局的图像效果,与CSS布局的高效扩展性; 三、隐藏滚动条技巧思路: 父元素较小,子元素较大(子元素中的滚动条是需要隐藏的),给父元素添加oveflow,即将超出部分隐藏; <div style="height: 300px; width: 120px; background:red" class="scroll"> <!-- 子元素的滚...

HTML&CSS

220 阅读
2018年04月12日
220 阅读
0 评论
2018-04-12

07、HTML&CSS-定位和锚点

07、HTML&CSS-定位和锚点
一、position 定位 语法: position:static /absolute/relative/fixedstatic: 默认值,无特殊定位,对象遵循HTML原则;absolute: 绝对定位,将对象从文档流中拖离出来,使用left/right/top/bottom等属性相对其最接近的一个并有定位(absolute/relative)设置的父元素进行绝对定位;若没有父元素,则以html、body,浏览器的位置为相对位置,而其层叠通过z-index属性定义;(相对于谁?)relative: 相对定位,对象不可层叠,将依据right,top,left,bottom(相对定位)等属性在正常文档流中偏移位置(相对于谁呢?相对于它自己本身,即是在原来位置上偏移,而且注意原有位置就是在保留的);fixed: (固定定位)未支持,对象定位遵从绝对定位方式(absolute;但是要遵守一些规范);例如: 教室中的学生位置,绝对定位就像是大学的教室位置,人不在了,其他人就可以占用这个位置; 而相对位置就像小学生,请假了,虽然人不在,但是其他同学也不能占他的位置; 虽然学...

HTML&CSS

185 阅读
2018年04月12日
185 阅读
0 评论