测试技术贴

前端主要分为三部分:html,css,js。
html:首先得了解标签的含义,用在哪里,常用的用多了就知道了。另外H5也要去了解,对于H5的学习可以自己动手做一个H5的动画场景。这里面涉及比较多的是css3样式以及canvas。
  css: 关于css还是推荐看书系统的学下。单看网上的,你可能只知道怎么用,却不知道他这样用所隐藏的含义。还有就是容易产生混乱,所以还是建议看书系统学一学。有些概念还是要掌握的,不然面试很容易懵逼。
  js: 这个是最复杂的。首先建议先看书了解基本语法。但是只看不动手是不行的。
关于CSS作用:
A.快速维护页面元素的样式属性, 
B.弥补HTML元素的属性不足 
CSS又被称作层叠样式表。 
关于CSS的元素属性: 
一: 首先是长度单位:
A.宽度、高度用px(像素),也可以用%(百分比)。建议使用固定值:<width:200px;height:200px>; 
B.字体大小用pt(磅)表示 
其次就是颜色单位:A.颜色的直译英文名称,如:red(红)、green(绿)、blue(蓝)..... 
B.十六进制表示法:#ff0000 
C.简写十六进制:#f00 
D.RGB表示法:rgb(255,0,0) 
E.百分比RGB:rgb(100%,0%,0%) 
二: 
1.宽度和高度: 
大部分元素都会用到这两个属性-------> width(设置宽度)、height(设置高度) 
例:<width:200px;height:200px>; 
2.边框: 
border属性,设置边框的宽度、线性、颜色  ......都有线性这个属性,我们最多用到的无疑就是在和中了。 表格(table)和盒子(div)因为看不到它的大小,我们一般都会用border设置显示出边框线 
例:<border:2px solid red>; 
这样我们可以看到一个2个像素的红色实线出现在你的表格中。这样就可以清晰的看到表格样式了。 
在border中还可以给上下左右单独设置边框线: 
border-top:宽度 线型 颜色;border-bottom:宽度 线型 颜色; 
border-right:宽度 线型 颜色;border-left:宽度 线型 颜色; 
线性我们有三种:none(无)|solid(实线)|dotted(点划线) 
3.内边距 
就是设置表格或者盒子内的边距,可以设置单独上下左右和边框相同,这里不列举。
例:padding-top:5px;上侧内边距 
padding:5px;四个方向的内边距都是5px 
padding:5px(上) 5px(左右) 5px(下); 
padding:5px(上) 5px(右) 5px(下) 5px(左); 
4.外边距 
设置外部的边距,可单独设置上下左右。 
例:margin-top:5px;上侧外边距 
margin:0 auto;(让外边距为0,auto为网页自动计算居中) 
margin:5px(上下) 5px(左右); 
margin:5px(上) 5px(左右) 5px(下); 
margin:5px(上) 5px(右) 5px(下) 5px(左); 
5.控制元素的显示方式属性 
可以控制元素不显示,或者以什么方式显示出来。如果不显示在此元素style中加入即可: 
例:dispaly:none(不显示)|inline(内联对象)|block(块级对象); 
HTML的标记种类为----->内联对象:不能自然换行 
块级对象:可以自然换行 
默认为块级对象: 
6.背景样式 
可以设置背景图片,背景颜色,图片的平铺方式,背景图片的位置 
设置背景样式(哪个部分不需要可以忽略不用写): 
例:background:背景颜色 背景图片 平铺方式 水平位置 垂直位置 
A.背景颜色就是color,上面有书写方式。
B.背景图片----> url(图片地址) 一定要写 url 然后括号中写上图片地址 
C.平铺方式:no-repeat(不平铺)|repeat-x(x轴平铺)|repeat-y(y轴平铺) 
D.水平位置(left|center|right) 
E.垂直位置(top|center|bottom) 
7.浮动样式 
使表格或者盒子中的内容全部靠左或者全部靠右,一把导航页面都需要用到 
例:<float:left|right>; 
8.文本样式 
line-height:5px;设置行高 
text-indent:99px;设置首行缩进--------->首行缩进一般用于把按钮上的文本向后隐藏。 
text-align:left|center|right;设置水平对齐方式 
cursor:pointer;设置浏览器中鼠标形状 
font-weight:normal|bold;设置文本加粗效果 
text-decoration:none|underline;设置文本下划线样式----->一般用于把超链接的下划线取消 
9.列表样式 
list-style:样式 url(图片地址) 位置(inside|outside); 我们一般只设置一项,就是样式,其余可以忽略不写。 例:list-style:none;把列表前面的实心圆或空心圆取消。用于ul,ol。 

1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看REAdMe.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看REAdMe.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看READme.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值