1、首先創(chuàng)建一個txt文件，修改后綴名：把.txt改為.html，用記事本打開添加如下代碼：打開瀏覽器，這是一個沒有添加樣式的button，外觀不美觀，而且在不同的瀏覽器下顯示的外觀是不一樣的，所以我們要添加統(tǒng)一的樣式。
成都創(chuàng)新互聯(lián)秉承實現(xiàn)全網(wǎng)價值營銷的理念，以專業(yè)定制企業(yè)官網(wǎng)，成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設，微信小程序，網(wǎng)頁設計制作，移動網(wǎng)站建設，網(wǎng)絡營銷推廣幫助傳統(tǒng)企業(yè)實現(xiàn)“互聯(lián)網(wǎng)+”轉型升級專業(yè)定制企業(yè)官網(wǎng),公司注重人才、技術和管理，匯聚了一批優(yōu)秀的互聯(lián)網(wǎng)技術人才,對客戶都以感恩的心態(tài)奉獻自己的專業(yè)和所長。
2、設置一個長度與寬度，使用到的CSS代碼。經(jīng)過給它設置長度與寬度后，變成了下圖所示，相比與沒有任何樣式，它會好出很多。接下來，可以去掉它自帶默認的邊框，將它邊框設置為0PX，觀察一下效果。
3、px；background-color：#999999；color：#ff0000；font-size：18px；font-family：隸書} 用border 及solid設置過框。再用background-color設置背景，同時用color設置字體顏色。font-family設置字體。
4、引jQuery，然后定義元素的style樣式，根據(jù)自己的元素來定義，這里隨性定義div的style樣式。接著我們看樣式所帶來的效果，接著開始設置點擊按鈕會產(chǎn)生變化顏色等交互效果。
需要說明：input[type=text] 這種寫法不支持IE，但支持Firefox。
不要莽撞地使用通配符把所有的標簽的margin屬性和padding屬性都設置為零，css reset還是個挺有技巧的事兒。當然各種框架對于cssreset的方法不太一樣。
用css選擇頁面中所有的文本框，可以使用多種方式，這些方式也是針對不同的瀏覽器做出的兼容性支持。input[type=text] 這種寫法不支持IE，但支持Firefox下面這段代碼就可以對所有的瀏覽器做出支持。
首先新建一個html文件，命名為test.html，在test.html文件內(nèi)，使用p標簽創(chuàng)建一行字符，用于測試。在test.html文件內(nèi)，給p標簽添加一個class屬性，用于樣式的設置。
input文本框有很多屬性，如果需要單獨定義其中一種類型的文本框有2種方法，設置獨立樣式或者統(tǒng)一類型樣式。直接在該文本框內(nèi)添加一個類樣式屬性，如給.input_1直接賦予樣式屬性。
1、JS里添加樣式的方法：首先，要創(chuàng)建標簽，使用document.createElement函數(shù)，如圖創(chuàng)建div標簽。使用其className設置class，id設置id，style設置樣式。樣式的設置也可以分項進行。
2、首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的標簽，輸入js代碼：$(head).append(div{font-size： 32px；})；。
3、#inp{border：1px solid red；} 如果要是統(tǒng)一的設置所有的input標簽還可以這樣寫：css中這樣寫：input{border：1px solid red；} 當然你還可以通過js jQuery等來定義你所需要的css樣式。
4、//在IE下用className，而在FF下用class.這點是要注意的。
可以給標簽家個id或class； 就可以調整文本框的寬和高。
在頁面內(nèi)用JS操作CSS除非用AJAX，但操作頁面內(nèi)的樣式的話，是可以的。
需要說明：input[type=text] 這種寫法不支持IE，但支持Firefox。
新建網(wǎng)頁文件。在head里插入 #area { width：300px； height：20px； }，表示設置輸入文本框寬度為300像素，高度為20像素。在body里插入，表示定義一個輸入文本框，啟用area樣式。在IE里測試，查看效果。
使用height設置div的高度為200px。在瀏覽器中打開test.html文件，查看文本框未下移前的效果。在css標簽內(nèi)，定義id為myinput的樣式，使用margin-top設置文本框下移20px。在瀏覽器打開test.html文件，查看實現(xiàn)的效果。
用css樣式為html元素設置圓角框是利用border-radius屬性實現(xiàn)的。
border-radius屬性可以實現(xiàn)元素的圓角。
首先打開sublime text編輯器，新建一個html文件，里面寫入一個p標簽：然后設置p標簽的樣式，這里先設置一個邊框，然后設置圓角邊框，主要使用CSS3屬性border-radius屬性定義圓角效果。
在HTML中把塊的邊框做成圓角需要利用css的border-radius屬性。定義和用法 border-radius 屬性是一個簡寫屬性，用于設置四個 border-*-radius 屬性。
在HTML中設置圓角邊框有兩種常見的方式。一種設置圓角的方式是使用圖片。把輸入框設置為無邊框模式，然后顯示背景圖，背景圖里畫一個圓角邊框即可。
或者單獨地為各邊設置邊框樣式。border-width 簡寫屬性，用于為元素的所有邊框設置寬度，或者單獨地為各邊邊框設置寬度。border-color 簡寫屬性，設置元素的所有邊框中可見部分的顏色，或為 4 個邊分別設置顏色。
最快的辦法就是設置每個table的樣式，比如class=tab1，class=tab2，然后在樣式表設置 .tab1 td{這里為tab1的樣式} .tab2 td{這里為tab2的樣式} 而不用一個個去設置td class=xx了 畢竟比較麻煩。
設置邊框的BORDER=0 、cellspacing=1，設置Table的背景色為所要的邊框色，再設置所有的td背景色為白色，這樣細邊框就顯露出來了。
控制table的樣式可以這么寫：.td{border：solid #add9c0； border-width：0px 1px 1px 0px；} .table{border：solid #add9c0； border-width：1px 0px 0px 1px；} 這樣都分別引入到table 和 td標簽控制樣式了。
需要說明：input[type=text] 這種寫法不支持IE，但支持Firefox。
td1 a{ //your style.} 如果你希望所有的td下面所有a標記都使用同一樣式的話?？梢赃@么寫。td a{ //your style.} 如果你的TD屬于某一個容器，假定容器或者TABALE， 假定其ID為div1，那么樣式可以這么寫。
重慶分公司
重慶分公司
