PHP-HTML重要知識點筆記,php-html知識點1.用frameset、frame和iframe還實現多視窗2.在圖片上利用映射距離usemap來實現按鈕跳轉。------第8尾集3.表單必須要有name和value,因為抓包的時候,可發現必須要提交它們4.fieldset標籤——>legend、lable5.只能用margin-top、margin-left定位div距離頁面邊距。6.padding-top、padding-left定位div裡面的元素距離d
橫向滑動/滾動隱藏捲軸,橫向捲軸上周,因為要用到可以橫向滾動,不能出現捲軸的樣式,網上搜了一圈也沒有點想要的效果,乾脆去偷一個~先預覽下效果吧Vsok,上代碼~HTML:<div class="demo-tab"> <ul id="items"> <li class="item"><div class="item-on"></div></li> <li
日常css技巧小結(1)--背景透明度改變對內容無影響,css小結剛開始出現的錯誤,內容會受到背景透明度改變的影響:代碼:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width:300px;
[css]全屏背景圖片設定,django載入圖片路徑,<head><style type="text/css"> #bg { position:fixed; top:0; left:0; width:100%; height:100%; } #bg img { position:absolute; left:0; right:0;
小白的學習心得,小白學習心得關注前端這麼久,沒有大的成就,就入門期間積累了不少技巧與心得,跟大家分享一下,不一定都適合每個人,畢竟人與人的教育背景與成長環境心理活動都有差別,但就別人的心得再結合自己的特點,然後探索適合自己的學習之路是比較好的。學習沒有捷徑,但學習是有技巧與方法。 一,css入門篇: 推薦書籍:css哪些事兒,精通css。理由:css那些事兒,他是一本介紹css基礎類的書,是入門的經典讀物。系統的介紹了css的選擇符,偽類,工作環境,盒模型,兩列,三列調適型配
底部懸浮通欄可以關閉廣告位詳解(一),通欄廣告位效果一:1.首先,整個底部懸浮通欄廣告是固定在瀏覽器的底部,隨著瀏覽器的滾動,底部懸浮廣告始終在瀏覽器視窗中。這裡有幾個關鍵點:通欄,固定,黑色。所以:首先我們必須給懸浮通欄廣告整體一個100%的寬度,其次給它設定固定定位,固定在瀏覽器底部,背景色為黑色,透明度為0.7。1 .footfixed{2 width:100%; 3 height:140px; /* 圖片大小,寬度必須100% */4 position:fixed;5
css權威指南--筆記,css權威指南第1章 css和文檔 1,元素:替換元素(img input),非替換元素(大多數span)。 2,link:rel(代表關係:stylesheet,候選樣式表:alternate stylesheet);type(text/css);media:(all(所有表現媒體, screen,print),title(配合候選使用)。 3,@import url(sheet1.css)
bootstrap源碼分析之foRm、navbar,一、表單(Form)源碼檔案:_form.scssmixins/_form.scss1、按階層分:form-group -> form-control/input-group/form-static-control ->
css3飛機起飛進度條,css3飛機起飛效果:http://hovertree.com/texiao/css3/27/源碼下載:http://hovertree.com/h/bjaf/pgwql1x2.htm本效果使用Font Awesome顯示飛機表徵圖。font-awesome下載:代碼如下:<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta
css Reset檔案,cssreset檔案/*KISSY CSS Reset理念:清除和重設是緊密不可分的特色:1.適應中文 2.基於最新主流瀏覽器維護:玉伯(lifesinger@gmail.com), 正淳(ragecarrier@gmail.com)*//* 清除內外邊距 */body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 結構元素 */dl, dt, dd, ul, ol, li, /*
sass學習筆記,sass學習sass和scss的區別sass是以嚴格的縮排式文法規則來書寫,不帶大括弧({})和分號(;),scss和css寫法比較相似Sass的編譯的過程中,是不是支援“GBK”編碼的。所以在建立 Sass 檔案時,就需要將檔案編碼設定為“utf-8sass覆蓋預設變數值是在他之前重新聲明變數值(!default)混合宏:@mixin font(當需要使用變數的時候用)@include fontSass
網站前端效能最佳化,網站效能最佳化繼前面幾篇文章後再來說說老生常談的話題,怎麼樣提升前端效能。文中很多取材自網路及《High Performance Web Sites》,並根據自己工作中所接觸到的知識整理而成。 http://hovertree.com/menu/webfront/1.
聊一聊HTML
網站的引導頁介紹,網站引導頁介紹外貿企業站就是要走出過門,買網域名稱,買空間的、請設計公司、請這請那,一切的努力都是要為了能通過網站給公司帶來訂單,“一分耕耘一分收穫”,但是耕耘了未必就有收穫,很多企業網站建好了,可是並沒有發現,它所給企業帶來的訂單。當然,這其中的原因有很多,可能是網站設計不合理?可能是SEO最佳化沒做好?當提到SEO最佳化的時候,很多人不是很理解,認為那是專門研究SEO的人所討論的話題,如果你是這樣認為的,那麼,你就out了,若你想讓你的網站在搜尋引擎
CSS3盒模型溫故,css3溫故CSS有一種基礎設計模式叫盒模型,定義了Web頁面中的元素是如何看做盒子來解析的。每一個盒子有不同的展示介面,下面就來介紹盒模型,主要有一下幾種盒模型:inline、inline-block、block、table、absolute position、float。瀏覽器把每個元素看做一個盒模型,每個盒模型是由以下幾個屬性群組合所決定的:display、position、float、width、height、margin、paddinghe
前端製作中,IE6還有必要相容嗎?,前端製作中ie6相容國內市場對IE 6~7支援還有一定需求,但對於一個前端開發人員,我們應該去推動這個行業向前發展,而不是一味遷就、妥協。曾經,能夠提供支援老版本 IE 是一個前端開發人員的必備技能。隨著移動互連網大潮來臨,這個技能不再那麼重要。對於有多年前端開發經驗的開發人員,支援IE
第 31 章 項目實戰-PC 端固定式配置[3],實戰-pc學習要點:1.搜尋區2.插入大圖3.搜尋方塊主講教師:李炎恢 本章主要開始使用學慣用 HTML5 和 CSS3 來構建 Web 頁面,第一個項目採用 PC 端固定式配置來實現。一.搜尋區本節課,我們接著
CSS3濾鏡filter淺析,css3filter淺析 在實現特定顯示效果的頁面中,css的filter屬性是一種強大的工具。它能讓我們的頁面更加地個人化並減少PS方面的工作。filter的屬性值主要有以下十種: 本文使用的圖片如下:filter: blur(1px); -webkit-filter: blur(1px); 該屬性用來為元素增加模糊效果,顯示效果如下: 二、grayscale屬性。grayscale的使用格式一般為 filter: grayscale(0
自訂彈窗Style樣式,彈窗style樣式由於系統預設alert快顯視窗不能自訂樣式,有可能不符合網站的風格,雖然網上應該有很多這樣的JS但是還是自己寫的比較放心,順便練習一下對DOM的操作支援IE6下的SELECT不能遮罩的問題,Google支援圓角,IE6下就比較醜了,四四方方的,不過可以自訂自己喜歡的樣式聽取建議後,修改了position:fixed, IE6下用hack處理了。點擊看效果:點擊類比Alert彈出框點擊類比Alert彈出框點擊類比Alert彈出框所需CSS: <
CSS壓縮混淆 / 格式化 / 美化,css混淆<!doctype html><html><head><meta charset="utf-8"><title>CSS壓縮混淆 / 格式化 / 美化工具</title><style type="text/csss">@charset "utf-8";/* CSS Document */*{margin:0; padding:0;