原创 HTML + CSS + JavaScript總結
HTML + CSS + JavaScript總結 注:(因爲這個文檔主要是HTML,CSS,JS的主體格式,內容多的話會用鏈接展示) 一、HTML 1. 文檔基本格式 <
原创 浮動(float)以及消除浮動流
語法:float: left / right; 可能的值 值 描述 left 元素向左浮動。 right 元素向右浮動。 none 默認值。元素不浮動,並會顯示在其在文本中出現的位置。 inherit 規定應該從父元素繼承 float 屬
原创 css屬性
CSS屬性 3.1 font-size 設置字體大小,瀏覽器字體大小一般是12px,自己寫的話也可以用14px和16px 3.2 font-weight 設置字體寬度,屬性值是根據字體包來選的,一般的屬性值有lighter(顏色較輕),l
原创 選擇器類型
2.1 id選擇器 用法 : 給html標籤添加id屬性和屬性值,然後用css選取,並進行一系列操作 example: html:<div id="我是id選擇器"></div> css選取: 用 #+id裏面的內容,此時是 #我是id選
原创 盒子模型
首先是我對盒子模型的理解 盒子模型包括三大組成部分: 盒子壁: border; 內邊距: padding; 盒子內容(content): width(寬)和height(高) 前面三個是盒子三大組成部分,還有一個是外邊距:margin 總
原创 css選擇器的優先級(在末尾會寫css權重)
js是解釋性語言,一行一行地執行代碼,所以如果多個選擇器作用一個標籤時,誰的優先級大,這個標籤聽誰的。如果優先級相等,那麼後面的代碼將覆蓋前面的代碼 1.首先比較id選擇器和class選擇器的優先級: html代碼: <div class
原创 HTML,CSS工具(一)
HTML,CSS工具 1.初始化HMTL屬性 *{ margin:0; padding:0; list-style:none; text-decoration
原创 css屬性之定位
4.1 定位 4.1.1絕對定位 格式:position:absolute feature: 1. 脫離原來位置進行定位(當一個元素成爲absolute定位,他會脫離原來的層面,跑到上一個層面去,他原來位置真空了,在他下面的元素就會跑上去
原创 HTML,CSS工具(二)
HTML,CSS工具 6.圖片代替文字 前言:當你的網速降低到10kb/s時,網頁只會顯示最基礎的html,且屏蔽css,js,大公司(或者現在的公司
原创 解決由img引發的bug(公司中開發很容易遇到)
凡是帶有inline屬性的元素都具有文字特性,即行級元素和行級塊元素具有此特性,其中img就因爲這個特點產生了個小bug這個小bug是當img標籤之間有空格時(無論多少個空格),展示在瀏覽器中圖片與圖片之間會有空隙,下面是例子 html代
原创 form表單具體用法
定義和用法: <form> 標籤用於爲用戶輸入創建 HTML 表單。 表單能夠包含 input 元素,比如文本字段、複選框、單選框、提交按鈕等等。 表單還可以包含 menus、textarea、fieldset、legend 和 labe
原创 主流瀏覽器及其內核
主流瀏覽器的含義是有獨立自主開發的內核,目前的主流瀏覽器,只有IE、Chrome、Firefox、Opera、Safari五個,其它的比如說QQ瀏覽器、獵豹瀏覽器、360瀏覽器等並不是 以上瀏覽器,其中,IE和Firefox是將JS作爲
原创 標籤類型解析
3.1行級元素 feature:內容決定元素所佔的位置;(即內容不換行) 不可以通過css改變寬高。 行級元素(標籤)以span標籤爲首的幾個標籤,如下 span strong em del a 3.1.1 s