配色: 字号:
CSS相关
2018-01-01 | 阅:  转:  |  分享 
  
创建列:
注解、CSS相关样式和相关面试题web三要素:浏览器,服务器,HTTP协议HTML:超文本标记语言:一种纯文本类型的语言HTML编写的文件,
部署在服务器上的纯文本文件,当浏览器发送请求给服务器时,服务器响应浏览器一个HTMLHTML在浏览器上解释执行并显示HTML页面上
,可以嵌套脚本语言编写的程序段:文本元素:1)标题元素用于显示标题,基本语法2)段落元素将文本结构化的一种形式<
p>3)列表元素将具有相似特程或者先后顺序的文字,进行对齐排列---列表类型:有序列表
    和无序列表

第一行,第一列
第一行,第二列
第二行,第一列第二行,第二列
rowspan:跨行合并数值代表合并行数aaa>
bbb
ddd
colspan:跨列合并数值代表合并
列数
aaa
cccddd
表单元素:定义:action=”表单提交的URL”met
hod=“表单数据提交方式”enctype=“表单数据的编码方式”1)文本框type=”text”2
)密码框type=”password”3)单选框type=“radio”4)复选框type=“checkbox”5)提交按钮ty
pe=“submit”6)重置按钮type=“reset”7)普通按钮type=“button”8)隐藏域type=“hidd
en”9)文件选择框type=“file”表单中的文本用控件设置文本点击
文本,等同于点击关联控键表单中的文本域cols:显示文本域列数rows:显示文
本域行数readonly:只读属性表单中的下拉框CSS样式样式规则:由选择器和样式声明组成规则特性:1)继承
性:继承父类i样式2)层叠性:多属性声明3)优先级内联样式>内部样式>外部样式>默认设置css(CascadingStyle
Sheets)层叠样式表;对HTML美化操作1)内联样式style定义在单个HTML元素中2)内部样式style定义在HTM
L中的头head元素中3)外部样式单独定义一个CSS(.css)文件由HTML页面引用文件的样式文件esheet”type=”text/css”href=”文件路径”/>css选择器:1)元素选择器:直接用元素名进行样式声明元
素名{}2)类选择器:.className进行样式声明.className{}3)id选择器:#id进行样式声明#id{}4
)派生选择器:1.子代元素选择器先代>子元素2.后代元素选择器先代子孙后代元素伪类选择器1):link对未被访问的超链接
添加样式2):visited对已访问的超链接添加样式3):hover鼠标悬停事件添加样式4):focus元素获取焦点,添加样式
等等css的分区:块元素:从上至下可设置宽高行内元素:从左至右不可设置宽高行内块元素:从左至右可设置宽高
行内元素:margin和padding可设置left和right产生边距效果display改变显示方式html分区块
内元素:(块级元素独占一行,自动换行,

,

)行内元素:(行内元素不会换行,)空格折叠:默认
情况下,HTML中多个空格,多个值表符,多个换行父会自动压缩为单个空格定位:定义元素框相对于正常位置指定出现的位置相对父元素相对另
一个元素或者浏览器窗口位置1)流定位:块级元素由垂直外边距进行垂直距离进行设定行内元素可以使用水平内边距,边框和外边距调整间距2)
浮动定位:float定义浮动clear清除浮动影响将元素放置到当前位置流的做左边或者右边,元素脱离流不再占据流的空间直到触碰边
框为止3)相对定位:原占据空间不释放相对原位置产生指定偏移1.position:relative2.left/right/top
/bottom设置距离,相对原位置产生指定偏移4)绝对定位:将元素从当前定位中移除,释放当前空间然后设置偏移属性进行元素移动如果没
有指定绝对元素,则对最初的包含块进行偏移1.指定绝对元素position:relative2.position:absolute3
.left/right/top/bottom设置距离,相指定位置产生指定偏移5)固定定位:固定元素固定在窗口页面的某个位置,从原流
中清除,不再占用页面空间,滑动页面时定位元素不进行移动1.position:fixed2.left/right/top/botto
m设置距离,相指定位置产生指定偏移position:static默认定位position:relative相对定位脱离正常文本
流,流中位置依然存在position:absolute绝对定位脱离正常文本流,流中位置清除position:fixed固
定定位当元素堆叠,可用z-index:value;设置堆叠顺序数值大离用户越近,可设置为负值表示更远SpringWebMVC
提供了M,V和C相关的主要实现组件DispatcherServlet(控制器,请求入口)HandlerMapping(控制器,请求
派发)、Controller(控制器,请求处理)ModelAndView(模型,封装业务处理结果和识图)ViewResovler(
视图,处理视图的显示)浏览器向Spring发送请求由DispatcherServlet处理HandlerMappping实现C
ontroller的对印关系Controller组件调用模型组件完成业务处理,返回ModelAndView对象,其中封装处理之后的
结果和视图等相关信息控制器接收ModelAndView对象之后调用ViewResovler组件,定位View(JSP)实现数据的传
递和相关响应注解组件扫描:指定一个包路径,Spring自动扫描该包及其子包,根据注解标记,将组件纳入Spring容器中,等价bea
n定义功能还可使用注解管理bean的作用域和生命周期Springxml配置:se-package=”项目包名”/>生成bean的id为小写名称首字母也可以自定义指定名称默认Spring管理的组件,作用域为”
singleton”可以使用@Scope(“作用域名”)更改作用域(“prototype”)@Quakifier注解写在参数前面
声明注入的bean的ID@Resource(name=“ID名”)注入bean依赖@PostConstruce注解标记指定的初始化
@PreDestroy注解标记指定的销毁回调方法@Autowired/@Qualifier构造器注入Setter
注入@ResourceSetter注入db.properties”/>@Value(“#{db.driver}”)注解注入Spring表达式值@Controller
声明Controller组件使组件不用实现Controller接口,,请求方法的定义也相应更加灵活代码如下:publicclas
sHelloControllerimplementsController{publicModelAndViewhandl
erReqest(HttpServletRequestreq,HttpServletResponseres)throwExc
eption{System.out.println(“HelloSpring”);ReturnnewModelAndView
(“hello”);}}@ControllerpublicclassHelloController{PublicStri
ngexcute()throwsException{Return“hello”;}}Springxml配置:xt:component-scanbase-package=”项目包名”/>@RequestMapping(“”)可以注解类和方
法标明这个类或者这个方法与哪一个客户端请求相对应需要在Springxml配置:amework.web.servlet.mvc.method.annotation.RequestmappingHandlerMa
pping”/>面试题1.ServletAPI中forware()和redirect()的区别?答:a、浏览器显示重定向会改变
URL地址,请求转发不会改变URL地址。b、资源共享重定向不可以资源共享,请求转发可以。c、功能重定向可以用URL绝对路径访问
其他Web服务器的资源,而请求转发只能在一个Web应用程序内进行资源转发,即服务器内部的一种操作。d、效率重定向效率低,相当于再
一次请求;请求转发效率相对较高,跳转仅发生在服务器端。cookie和session的作用、区别、应用范围。答:a、cookie数据
保存在客户端,session数据保存在服务端。b、cookie不是很安全,别人可以分析存放在本地的cookie并进行cookie
欺骗,相当重要的数据,应该使用session保存到服务端。c、session会在一定时间内保持在服务器上,但是会占用内存资源,当
访问的用户过多,会加重服务器的负载,考虑到减轻服务器的压力,可以将不重要的数据放在cookie中持久的保存。d、单个cookie
保存的数据不能超过4k,很多浏览器都限制站点最多保存20个cookie。request.getParameter()和reques
t.getAttribute()的区别?答:a、request.getParameter()获取的类型是String;reque
st.getAttribute()获取的类型是Objectb、request.getPrameter()获取的是POST/GET传
递的参数值和URL中的参数;request.getAttribute()获取的是对象容器中的数据值/对象c、request.se
tAttribute()和request.getAttribute()可以发送、接收对象;request.getParamter
()只能接收字符串,官方不开放request.setParamter()(也就是没有这个方法)setAttribute()和ge
tAttribute()的传参原理:setAttribute()是应用服务器把这个对象放在该页面所对应的一块内存中去,当你的页面
服务器重定向到另外一个页面时,应用服务器会把这块内存拷贝到另一个页面所对应的那块内存中。这个就可以通过getAttribute()
获取到相应的参数值或者对象。session和application的区别?答:a、两者的作用范围不同session是用户级别的
,application是web应用程序级别的,是一个全局作用域。一个用户一个session,每个用户的session不同,用户
所访问的网站多个页面共享同一个session。一个web应用程序一个application对象,每个web应用程序的applic
ation对象不同,但是一个web应用程序的多个用户之间共享一个application。b、生命周期不同session:用户首
次在网站中发出请求创建session,用户注销、离开网站或者关闭浏览器消亡。application:启动web服务器创建,关闭w
eb服务器销毁。cookie和session的作用、区别、应用范围。答:a、cookie数据保存在客户端,session数据保存在服务端。b、cookie不是很安全,别人可以分析存放在本地的cookie并进行cookie欺骗,相当重要的数据,应该使用session保存到服务端。c、session会在一定时间内保持在服务器上,但是会占用内存资源,当访问的用户过多,会加重服务器的负载,考虑到减轻服务器的压力,可以将不重要的数据放在cookie中持久的保存。d、单个cookie保存的数据不能超过4k,很多浏览器都限制站点最多保存20个cookie。JSP乱码如何解决?答:a、JSP页面乱码<%@pagecontentType="text/html;charset=utf-8"%>b、表单提交时出现乱码request.setCharacterEncoding("utf-8");c、数据库出现乱码过滤器处理代码

献花(0)
+1
(本文系金银宝100首藏)
类似文章 更多
发表评论: