前端常用技术总结--java程序员

1.*.html文件和*.htm文件是一样的

2.html的标签不区分大小写,大小写均可

3.html标签的color属性的表示方式有三种:①用英语表示②用16进制00——ff来表示,常用的颜色表达式:#FFFFFF白色,#000000黑色,#FF0000红色,#00FF00绿色,#0000FF蓝色③16进制的简写,如#fff,#000,#0f0等

4.<br>和<p>的区别:<br>换行后下一行和上一行紧挨着,<p>代表段落,换行后和上一行空白一行。

5.<img>标签的alt属性和title属性:alt属性是图片在种种原因下无法显示时,出现的标题。title是图片正常显示时,鼠标放在图片后显示的标题。图片无法正常显示时,不会出现title中的文字,图片在正常显示时,也不会显示alt的值。

6.列表标签:  无序列表:<ul>标签,type属性有cricle,disc,square值,表现形式类似于形式。<ol>标签,有序标签,type属性的值有1,i,I等值,表现形式类似于形式,两者的子标签都是<li>标签。

7.<a>标签的target属性详解:①w3cschool中的截图:

具体的含义具体自己来验证(前端问题找w3cschool来解决)

其中,_parent是在<iframe>标签中的<a>,超链接的内容显示在<iframe>的父容器中,即盛放<iframe>的<body>中显示内容。_top是嵌套多个<iframe>标签是,<a>链接的内容显示在最顶层的容器中。

②target的值写上<frame>标签的name属性值,点击超链接后,<a>标签中的href属性连接的内容会显示到对应的<frame>框中去.

 8.<frameset>及<frame>标签,<iframe>标签:

<frameset>标签是框架集标签,把多个页面整合到一个页面上,做一个集成。其通过rows或者cols属性对页面进行切分,通过<frame>子标签的src属性来集成其他页面.<frame>标签的name属性和<a>的target属性配合使用,让<a>的超链接内容在对应的<frame>框架中显示.

<iframe>标签和<frameset>及<frame>的区别:<frameset>标签是对整个页面的切分,它不允许有body标签,它就充当了body标签的角色,通过rows和cols属性来对整个页面进行横竖的切分,切分好后,通过<frame>子标签来对页面进行填充。<frame>的src来引入其他的文档页面。

<iframe>标签类似于<frame>标签,只不过<frame>是<frameset>的子标签,而<iframe>是<body>的子标签,也是通过src属性来引入其他文档。通常还是用<iframe>标签多一点,因为它是基于<body>标签上的,除了引入其它文档外,还能进行其他的操作,而使用<frameset>标签后,没有<body>,除了引入其他文档外,其他的操作性降低了。

9.<form>表单:get提交方式是把表单中的参数拼接到action的请求路径上,由于请求路径长度有限,所以get请求提交数据长度有限。当form表单中参数过多或参数过大时,不适合用get请求,适合用post请求。

10.maxlength属性,控制input框输入的长度.

11.<input>标签通过value的值决定输入框显示的内容,<textarea>通过在<textarea></textarea>标签之间写内容来在文本域中显示。

12.css样式:

语法格式:  选择器{属性1:值;属性2:值;属性3:值;...}

1.该语法可以写在css文件中,然后再html文件中通过<link>标签引入,也可以在html文件的<style>标签中书写,来规定选择器选择的标签的样式。对于某一个标签的样式,可以通过style属性来渲染。

2.选择器:元素选择器(标签选择器):直接写标签的字母即可,如:body{属性1:值;属性2:值;}  input{属性1:值;属性2:值}

id选择器:#id{属性1:值;属性2:值}

类选择器:.class{属性1:值;属性2:值;}

属性选择器:['属性'='值']{属性1:值;属性2:值}

包含选择器:

A B:A元素下的所有B元素,祖孙

A>B:A元素下的子代B元素,父子

A+B:获得A元素的下一个B元素,兄弟

A~B:获得A元素后的所有B元素,兄弟

3.css样式常用的属性:heigth,width,border(solid实现,none无边,double双边),color,background-cplor,

padding:内边距,可以规定上下左右边距。

padding-top:上边距  padding-bottom:下边距  padding-left:左边距  padding-right:右边距

margin:外边距,可以规定上下左右边距

margin-top:上边距  margin-bottom:下边距   margin-left:左边距  margin-right:右边距

13.前端中做隐藏,显示功能的方法:

①css中display属性的none和block值的切换

2.采用jQuery的show()和hide()方法进行切换,或者使用toggle()方法

14.css样式总结:

  :hover选择器:相当于鼠标移上和移除事件,规定颜色进行切换颜色操作

border-radius:直角半角设置

 15.$.data()方法:动态的往标签里添加属性和值,如$("#a").data("result","abc");就相当于是在id为a的元素里添加了一个result=abc的属性。想取这个属性的值,则通过$("#a").data("result")可获得

原文地址:https://www.cnblogs.com/hongyuansu/p/8127985.html