㈠ 前端怎么在项目里写自己的样式不影响别人的
单独写一个css样式文件
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力;允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
㈡ 前端怎么修改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
㈢ 怎么用前端css实现这种样式切换
实现两种css样式，默认，选中
通过js监听点击事件切换标签的css样式
㈣ 前端easyui这种样式的单选框怎么做呀
给选中的元素添加点击事件,给该元素添加class类名,其他元素移除类名;
用jquery
$("该元素").click(function(){
$("该元素").addClass('样式的class类名').siblings.removeClass('样式的class类名')
})
㈤ 【Web前端基础】css3选择器有哪些类型
Css3选择器有很多的类型，它包括很多个类型的型号。
㈥ Web前端面试指导（五十）：CSS样式书写有哪些
一、CSS书写顺序
1.位置属性(position, top, right,z-index, display, float等)
2.大小(width, height, padding,margin)
3.文字系列(font, line-height,letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)
二、CSS书写规范
1.使用CSS缩写属性
CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。
2.去掉小数点前的“0”
3.简写命名
很多用户都喜欢简写类名，但前提是要让人看懂你的命名才能简写哦！
4.16进制颜色代码缩写
有些颜色代码是可以缩写的，我们就尽量缩写吧，提高用户体验为主。
5连字符CSS选择器命名规范
1）长名称或词组可以使用中横线来为选择器命名。
2）不建议使用“_”下划线来命名CSS选择器，为什么呢？
输入的时候少按一个shift键；浏览器兼容问题（比如使用_tips的选择器命名，在IE6是无效的）能良好区分JavaScript变量命名（JS变量命名是用“_”）
6.不要随意使用id
id在JS是唯一的，不能多次使用，而使用class类选择器却可以重复使用，另外id的优先级优先与class，所以id应该按需使用，而不能滥用。
7.为选择器添加状态前缀
有时候可以给选择器添加一个表示状态的前缀，让语义更明了，比如下图是添加了“.is-”前缀。
三、CSS命名规范
常用的CSS命名规则
头：header
内容：content/Container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer
版权：right
滚动：scroll
内容：content
标签：tags
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guide
服务：service
注册：regsiter
状态：status
投票：vote
合作伙伴：partner
ID的命名-页面结构
容器: container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
ID的命名-导航
导航：nav
主导航：mainnav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar
菜单：menu
子菜单：submenu
标题: title
摘要: summary
ID的命名-功能
标志：logo
广告：banner
登陆：login
登录条：loginbar
注册：register
搜索：search
功能区：shop
标题：title
加入：joinus
状态：status
按钮：btn
滚动：scroll
标签页：tab
文章列表：list
提示信息：msg
当前的: current
小技巧：tips
图标: icon
注释：note
指南：guild
服务：service
热点：hot
新闻：news
下载：download
投票：vote
合作伙伴：partner
友情链接：link
版权：right
四、注释规范
/* Header */
内容区
/* End Header */
五、注意事项
1.一律小写;
2.尽量用英文;
3.尽量不缩写，除非一看就明白的单词。
六、CSS样式表文件命名
主要的 master.css
模块 mole.css
基本共用 base.css
布局、版面 layout.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css
㈦ web前端，输入选择框选中状态下的css样式如何改
CSS可以完成这个效果，但需要高版本的浏览器支持，兼容性不是特别好。
使用的代码就是 input:hover 或者 input:focus 这两个语法就可以。
㈧ 百度商桥，前端显示的按钮样式，如何自定义。
通常与客户代码使用不当有关，请顾问先排除以下几项原因，再上报提问
1.代码：
a) 网站上的代码，与客户商桥该站点生成的代码不一致
b) 装了多段代码；可以去查源代码或者用火狐工具，http://jingyan..com/article/fd8044fa93de805030137a56.html
c) 代码的位置没有紧靠页面底部
/body
d) 图标样式选择了“内嵌型”，但又未按说明添加内嵌型代码
2．设置：
a) “站点管理”中站点为暂停状态
b) “站点管理”中没有勾选接待分组和样式，或者“账号管理”相应分组里的客服没有接待权限
c) “站点管理”中设置了黑白名单（可以点“分页显示商桥”查看）
更多问题，请到推广客户端帮助频道查询：http://yingxiao..com/support/editor/index.html
了解更多网络推广信息，请查看：http://e..com/
㈨ 前端如何快速寻找到css样式的位置
CSS样式实现快速定位bug的六大技巧
1、检查是否清除浮动
其实有不少的CSSBUG问题是因为没有清除浮动造成的。养成良好的清除浮动的习惯是必要的，推荐使用无额外HTML标签的清除浮动的方法（尽量避免使用overflow:hidden;zoom:1的类似方法来清除浮动，会有太多的限制性）。
2、检查IE下是否触发haslayout
很多的IE下复杂CSS BUG都与IE特有的haslayout息息相关。熟悉和理解haslayout对于处理复杂的CSSBUG会事半功倍。推荐阅读old9翻译的《Onhavinglayout》（如果无法翻越穿越伟大的GFW，可阅读蓝色上的转帖）
快捷提示：如果触发了haslayout，IE的调试工具IEDeveloperToolbar中的属性中将会显示haslayout值为-1。
3、边框背景调试法
故名思议就是给元素设置显眼的边框或者背景（一般黑色或红色），进行调试。此方法是最常用的调试CSSBUG的方法之一，对于复杂BUG依旧适用。经济实惠还环保.
4、检查页面的标签是否闭合
不要小看这条，也许折腾了你两天都没有解决的CSS BUG问题，却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的，而他们很容易犯此类问题。
快捷提示：可以用Dreamweaver打开文件检查，一般没有闭合的标签，会黄色背景高亮。
5、样式排除法
有些复杂的页面也许加载了N个外链CSS文件，那么逐个删除CSS文件，找到BUG触发的具体CSS文件，缩小锁定的范围。
对于刚才锁定的问题CSS样式文件，逐行删除具体的样式定义，定位到具体的触发样式定义，甚至是具体的触发样式属性。
6、模块确认法
有时候我们也可以从页面的HTML元素出发。删除页面中不同的HTML模块，寻找到触发问题的HTML模块。
㈩ web前端的点击更换样式问题
jQuery——将点击变换的样式类写好，点击的时候用addClass()添加上去，然后用siblings()查找它的兄弟元素，removeClass()将类去掉...有思路了吗？