農(nóng)產(chǎn)品銷售特色網(wǎng)站

如果你想創(chuàng)業(yè),那么首先你必須找準特色!

我找準了一個特色,發(fā)現(xiàn)家鄉(xiāng)的油茶樹是一個寶。因此果斷去寫一個銷售特色農(nóng)產(chǎn)品的網(wǎng)站。

這是網(wǎng)站的實現(xiàn):


網(wǎng)站上部分


下部分


我們?nèi)タ纯碒TML的部分代碼:


前面和后面的代碼都是同樣的結(jié)構(gòu),我就不一一列舉了。綜合來說,寫網(wǎng)頁就是為每一塊設(shè)置一些div,可分為左中右,浮動起來為其設(shè)置樣式。有興趣的朋友可以找私信找我要代碼。


該部分HTML的CSS樣式代碼:

#search_btn{

position: absolute;

float: left;

width: 100px;

height: 40px;

border: none;

border: 0;

background: #009237;

cursor: pointer;

color: #fff;

font-size: 14px;

margin-top: 39px

}

#search_text{

float: left;

width: 393px;

height: 38px;

border: 1px solid #009237;

background: #fff;

line-height: 38px;

overflow: hidden;

padding: 0 10px;

outline: none;

margin-top: 39px

}

#cart{

float: right;

display: block;

height: 40px;

line-height: 40px;

padding-left: 12px;

color: #666;

border: 1px solid #009237;

background: #F1F1F1;

text-decoration: none !important;

margin-top: 30px;

margin-right: 120px;

}

如果CSS的樣式有一些不知道的話,可以去網(wǎng)上下載一些CSS手冊,參考起來還是很方便的。


我學(xué)習(xí)HTML+CSS+Javascript的經(jīng)驗:

1、首先在書上將一些基本的知識看完,在代碼上實現(xiàn)一下,更利于記憶。

2、然后開始跟著視頻做一些小網(wǎng)頁。

3、最后自己開始寫網(wǎng)頁,想寫什么就寫什么,也可以仿照一些網(wǎng)頁去寫,列如百度首頁,京東等。

4、一步一個腳印,如果決定走網(wǎng)站開發(fā)之路,那么就要開始學(xué)Javascript等知識。

5、之后可以開始學(xué)習(xí)一些優(yōu)秀的框架:Vue、React等



最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 各種純css圖標 CSS3可以實現(xiàn)很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,983評論 0 8
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 14,160評論 1 92
  • 不會用代碼框,所以看著有些亂套,,,,html部分 <!DOCTYPE html> 迅雷看看 ...
    這就是個帥氣的名字閱讀 1,919評論 0 0
  • 1、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素?現(xiàn)在,利用CSS3的Transform,...
    kiddings閱讀 3,299評論 0 11
  • 當謊言已成為一種習(xí)慣、失去本真自我修養(yǎng)的同時、人生的旅途中總會遇到曾經(jīng)所埋下的伏筆、處處布滿荊棘、
    陳琳琳閱讀 211評論 0 0

友情鏈接更多精彩內(nèi)容