㈠ 前端001css样式font字体属性
1.如果想要设置字体样式可以使用font-family
2.如果想要设置加粗可以使用font-weight
3.如果想要设置倾斜可以使用font-style
4.如果想要设置字体大小可以使用font-size
上述样式如果想要在一个选择器中使用的话，一下写4个会显得比较冗余，那么我们可以简化综合复合如下的样式
选择器 {font :font-style font-weight font-size/line-height font-family}顺序不可颠倒 其中 font-size和font-family必须保留 否则不会起作用
㈡ web前端的点击更换样式问题
jQuery——将点击变换的样式类写好，点击的时候用addClass()添加上去，然后用siblings()查找它的兄弟元素，removeClass()将类去掉...有思路了吗？
㈢ web前端，输入选择框选中状态下的css样式如何改
CSS可以完成这个效果，但需要高版本的浏览器支持，兼容性不是特别好。
使用的代码就是 input:hover 或者 input:focus 这两个语法就可以。
㈣ 前端怎么设置第20个div后同级div的样式
前端设置第20个div后同级div的样式div样式：
DIV 上光标的 样式 .clip: 设置 剪辑矩形.例:< div style="font:16px 宋体;width:600px;height:200px; cursor:help; clip:rect(0px 100px 20px 0px); line-height:20px。
㈤ 前端怎么修改input file的默认样式
html文件：
<div class="fileBox">
<div class="fileName"></div>
<button class="fileButton">选择文件</button>
<input type="file" class="file1">
</div>
<div class="fileBox">
<div class="fileName"></div>
<button class="fileButton">选择文件</button>
<input type="file" class="file2">
</div>
css文件：
.fileBox{
position: relative;
display: inline-block;
}
.fileButton{
display: inline-block;
width: 80px;
height: 34px;
line-height: 34px;
background: #FFA837;
border-radius: 0px 4px 4px 0px;
text-align: center;
color: #fff;
vertical-align: top;
}
.file1,.file2{
width: 80px;
height: 34px;
position: absolute;
top: 0px;
right: 0px;
opacity: 0;
filter:Alpha(opacity=0); /*透明度兼容IE8*/
vertical-align: top;
}
.fileName{
display: inline-block;
width: 150px;
height: 34px;
line-height: 34px;
padding:0px 5px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
border: 1px solid #eee;
vertical-align: top;
float: left;
}
js文件：
function upFile(fileX){
var path;
var fileName;
var file=fileX;
var fileFrame=fileX.parent(".fileBox").children(".fileName");
path=file.val();
//path为获取的<input type="file">的文件名或文件路径
//火狐获取的是文件名，所以pos=-1,chrome和IE获取的是文件路径
if(path!=''){
var pos1 = path.lastIndexOf('/');
var pos2 = path.lastIndexOf('\\');
var pos = Math.max(pos1, pos2)
if( pos<0 ){
fileName =path;
fileFrame.text(fileName);
fileFrame.attr("title",fileName);
}
else{
fileName=path.substring(pos+1);//截取从pos+1索引到末尾
fileFrame.text(fileName);
fileFrame.attr("title",fileName);
}
}
}
调用：
$(".file1").change(function(){
upFile($(this));
});
$(".file2").change(function(){
upFile($(this));
});
以后只要调用upFile()就可以了
兼容：IE8+，firefox,chrome
㈥ 前端开发的工作流程是怎样的
前端开发具体开发过程基本如下：
1、根据UI的界面图进行切图，这里切图其实也有自动化的工具。
2、使用html对切出来的东西进行映射开发，做页面结构，看到几个部分就对应几个模块，从大到小，从外到内，从公共到独立。
3、使用css做样式设计，具体分析模块大小、位置、颜色，做盒模型等等。另外，可以分成三个组，一是重置样式，用于修改一些不合适的默认格式。二是公共样式，主要是头尾以及LOGO等很多页面都会用到的样式；三是独立样式，用于只使用一次的样式。
4、使用JS做交互动作。当然，还需要根据与后端之前的讨论做数据传输接口。
5、自己debug一下，如果有bug要改。
(6)前端重置样式扩展阅读：
前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。它从网页制作演变而来，名称上有很明显的时代特征。
在互联网的演化进程中，网页制作是Web1．0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显着，功能更加强大。