(2)全局声明
使用*统配选择符,可以模糊指定的方式对对象进行选择,表示所有对象,包含Id及Class的XHTML标签。使用方法如下:
* { margin:0; padding:0; }
(3)css样式的嵌套
当我们只对某个对象的子对象进行样式设置时,就需要使用样式的嵌套。样式的嵌套指选择器组合中前一个对象包含后一个对象,对象之间使用空格作为分隔符。
p span { color:#ccc; text-decoration:underline; }
33、 什么是盒子模型?它的属性包括哪些?
盒模型就是指DIV布局中的每一个元素,它们被当作一个盒状物,无论布局如何,它们都是几个盒子相互贴近显示,浏览器通过对这些盒状物的大小和浮动方式来判断下一个盒状物是贴近显示,还是在下一行显示,还是其他显示方式。
内边距(Padding),外边距(Margin),边框(Border) 34、 在进行网页布局时,有哪三类定位方式?
绝对定位,固定,相对定位 35、 指定margin属性时细分为哪些属性?按照什么顺序?
margin-top,margin-right,margin-bottom,margin-left;上右下左 36、 什么是文档流?浮动后的文档流如何显示? 文档流是浏览器解析网页的一个重要概念,对于一个XHTML网页,Body元素下的任意元素,根据其前后顺序,组成了一个个上下关系,这便是文档流。按照我们需要的布局进行显示。
37、 列表元素中去除列表默认图标的样式是什么?
list-style-type:none 38、 设置背景图片需要使用哪些样式?
background-img:ur 39、 背景图片和背景颜色的区别是什么? 背景图片: Background-img 背景颜色:Background-colour
40、 超链接分别有哪些伪类?每个伪类代表什么状态?
a:link:设置a链接标签的未被访问的样式 a:visited:设置a链接对象被访问后的样式
a:active:设置a链接被用户点击及被点击释放之间的样式 a:hover:设置a链接子在鼠标移上时的样式 41、 文字及段落有哪些样式?文字居中采用什么样式?
文字:Color,font-family,font-size,font-style,font-weight,text-transform,text-decoration 段落:line-height,letter-spacing,word-spacing,text-indent,vertical-align,text-align,overflow
文字居中:text-align:center
42、 九宫格技术的原理是什么?
在一个3×3的表格中,左上、右上、右下、左下分别放入4个圆角图案,内容放置在中间的方格中,其上下左右4个方向的方格可分别放入用于拉伸的图案,最终形成了一种可任意变化大小的圆角方框。 43、 圆角背景的实现方法有哪些?各自的优缺点是什么? 圆角背景的设计一般都可以分为背景图片和纯CSS样式两种实现方式。 圆角背景是如何实现的:在九宫格技术的基础上,进行简单的改进设计,把九宫改成三宫,左右分别用固定圆角图片实现圆角背景效果,中间采用背景图,在X轴上的平铺,实现整个圆角背景效果的任意长度
44、 表单UI设计的相关原则有哪些? 一致性原则,准确性原则,布局合理化原则,系统响应时间原则 45、 表单元件的一般控制样式有哪些? 改变输入框及文本框样式、改变按钮样式、使用Label标签提升表单可用性 46、 Label标签的作用是什么?For属性有何左右?
Label标签是提升表单可用性的简单易行;For属性用于指定该标签所关联的表单元件,当点击该标签的同时,该元件也会得到响应。 47、 CSS常用的缩写有哪些?分别的语法是什么?
Font字体缩写:font:font-style | font-variant | font-weight | font-size | line-height | font-family
Margin与Padding边距缩写:margin:margin-top | margin-right | margin-bottom | margin-left,padding:padding-top | padding-right | padding-bottom | padding-top
Border边框缩写:border:border-width | border-style | color
Background背景缩写:background:background-color | background-image | background-repeat | background-attachment | background-position 48、 什么是CSS Hack技术?
指一种改善CSS在不同浏览器下的表现形式的技巧与方法。 49、 常用的CSS Hack技术有哪些?分别针对哪些版本的浏览器? 1、@import @import: url(“newstyle.css”); @import的这种用法主要用于区别IE4。 2、注释
注释的这种方法主要用于区别IE5。
注意:
选择符与/**/之间,不允许有空格存在。如果有空格存在,那么该CSS Hack不会产生任何作用。
3、属性选择符
这种方法主要用于IE浏览器与Firefox浏览器。 4、子对象选择符 主要也是用来区别IE系列浏览器及Firefox浏览器 5、+ Hack
用于区分IE系列浏览器与其他浏览器。
如何实现图文混排效果?(看首页) 如何实现隐藏超出盒子大小的内容?
用Overflow:hidden来实现。
52、 如何实现细线表格?采用何种样式? 对表格的标签进行Border-collapse:collapse设置。
53、 如何实现表格隔行变色? 只要给偶数行Tr标签设置不同于奇数行Tr标签的背景颜色即可。采用的CSS样式就是Background-color。
54、 TABLE布局有何优势?有何缺点? Table标签能够很好的解决软件研发中大数据量的布局和展示功能,但是其本身的样式效果一般,而在CSS中,没有专门特定的样式来为Table标签服务的。 55、 如何区分何时用DIV布局,何时用TABLE布局?
56、 什么是jQuery?它有哪些特点?
jQuery是一个兼容多浏览器的JavaScript框架。特点:动态特效,AJAX,通过插件来扩展,方便的工具 ,渐进增强,链式调用,多浏览器支持。 57、 jQuery有哪些自带的验证规则方法,分别的功能是什么?
返回值 功能描述 返回:boolean 必填验证元素 返回:boolean 必填元素依赖于表达式的结果 返回:boolean 必填元素依赖于回调函数的结果 返回:boolean 请求远程校验。url通常是一个远程调用
方法 返回:boolean 设置最小长度 返回:boolean 设置最大长度
返回:boolean 设置一个长度范围[min,max] 返回:boolean 设置最大值 返回:boolean 设置最小值 返回:boolean 验证电子邮箱格式 返回:boolean 设置值的范围 返回:boolean 验证URL格式
返回:boolean 验证日期格式(类似30/30/2008的格式,
不验证日期准确性只验证格式) 返回:boolean 验证ISO类型的日期格式
返回:boolean 验证德式的日期格式(29.04.1994 or
1.1.2006) 返回:boolean 验证十进制数字(包括小数的) 返回:boolean 验证整数 返回:boolean 验证信用卡号
返回:boolean 验证相同后缀名的字符串 返回:boolean 验证两个输入框的内容是否相同 返回:boolean 验证美式的电话号码
50、 51、
内置验证方法名称 required() required(dependency-expression)
required(dependency-callback) remote(url) minlength(length) maxlength(length) rangelength(range) min(value) max(value) email() range(range) url() date() dateISO() dateDE() number() digits() creditcard() accept(extension) equalTo(other) phoneUS()
58、 归纳本任务中jQuery实现表单验证的步骤? 59、 jQuery如何实现用户自定义验证规则?
采用jQuery提供的AddMethod方法来实现 60、 什么是AJAX?它的优点是什么? 是指一种创建交互式网页应用的网页开发技术,是一种用于创建快速动态网页的技术,AJAX 可以使网页实现异步更新。