-
企业网站综合实例训练 知识点查看全部
-
焦点图设计: 1、添加my_focus库文件; 2、添加风格jQuery文件; 3、添加风格样式文件; 4、初始化焦点图接口,即获取焦点图盒子的ID; 5、添加标准html结构,即:设置焦点图盒子id,并再将图片列表包裹在一个class为pic的div中;在pic焦点图列表前添加loading图片,并将其包含在一个class为loading的div中,有利于用户体验。查看全部
-
制作完成!查看全部
-
任务完成查看全部
-
设计技巧: 1、删除链接标签的下划线,设置line-decoration:none; 2、想要给<a>添加焦点背景,则需将其设置为块级元素,即:display:block;查看全部
-
列表项目符号: 1、设置项目符号样式,list-style-type,有disc、circle、square、none等属性值; 2、设置项目符号图标,list-style-image,直接个图片地址。查看全部
-
设计技巧; 背景图像的位置属性可以直接赋值,也可设置上、下、左、右、中等属性;查看全部
-
设计技巧: 1、IE不支持圆角样式,所以使用背景图片的方法来实现,且设置左、中、右浮动; 2、在盒子中有浮动元素时,可以设置盒子的高度来撑开; 3、对于多个重复的样式时,可将其组合起来,仅写一个样式。查看全部
-
设计技巧: 1、让图片与文本居中对齐,可将图片的对齐方式改为居中对齐(亦可直接设置display:inline;),即:vartical-align:middle;; 2、让特殊文本不跳行,需要使用行内标签,如:<span>;查看全部
-
设计技巧: 1、让元素在横向页面居中,可使用:margin:0 auto; 2、改变列表的项目标点,可使用list-style-img:url("图标地址");; 3、让列表显示在同一行,可使用:display:inline;; 4、让列表元素浮动,而又不改变列表顺序,可直接对整个列表(即<ul>或<ol>)设置浮动; 5、让列表文本垂直居中,可设置相等的高与行高,即:height:*px;line-height:*px;; 6、设置超链接样式默认样式,链接样式:“a:link”、“a:visited”,焦点样式:“a:hove”、“a:active”;查看全部
-
设计思路: 1、自上而下的设计布局框架; 2、自下而上的设计具体元素;查看全部
-
清除浮动: 1、清除兄弟元素的浮动,使用clear:both;height:0;overflow:hidden; 2、清除父级元素的浮动影响,添加width和overflow:hidden; 注意:IE6的div有默认高度,空标签元素需要设置height:0;查看全部
-
解决父级元素因浮动而带来的高度塌陷问题: 1、清除浮动,在浮动元素后另添加一个空元素,clear:both;height:0;overfloat:hidden; 2、使用clearfix; 3、设置父级元素浮动。查看全部
-
浮动: 浮动脱离文档流,飘于父级元素上面; 浮动元素与浮动元素之间不包含; 要得到多个浮动元素,就要给每个元素设置浮动属性; 浮动(float)需要配合清除浮动(clear)出现。查看全部
-
内容、边框、内边距、外边距查看全部
举报
0/150
提交
取消