㈠ 前端怎麼在項目里寫自己的樣式不影響別人的
單獨寫一個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()將類去掉...有思路了嗎？