html文字溢位出現...效果
.test
兩行文字後溢位出現...效果
.test
label的作用
//通過for將label區域和input產生關聯，點選label即選中input<
label
for='test1'
>選項一
label
>
<
input
type
='radio'
name
='memory'
id='test1'
>
//input置於label標籤中，即可實現關聯效果
<
label
>
<
span
>選項一
span
>
<
input
type
='radio'
name
='color'
>
label
>
注意：「行內元素」不能包含「塊級元素」
a標籤不能巢狀a標籤
對input標籤的優化
思想是使用label的包裹功能，裡面的input標籤display:none，後面跟要顯示的內容，設定初始內容，然後通過input:checked+span加入選中後樣式
下面是手機端switch按鈕的是實現，同一邏輯可實現京東條件選擇框(input[type='radio'])
doctype html
>
<
html
>
<
head
>
<
title
>switch
title
>
<
meta
charset
="utf-8"
>
<
link
rel="stylesheet"
type
="text/css"
href
="./css/index.css"
>
head
>
<
body
>
<
div
class
="header"
>
div>
<
div
class
="main"
>
<
h2>switch開關實現
h2>
<
div
class
="content"
>
<
label
class
="option no"
>
<
input
type
="checkbox"
name
="switch"
>
<
span
>
span
>
label
>
<
label
class
="option no"
>
<
input
type
="checkbox"
name
="switch"
>
<
span
>
span
>
label
>
div>
div>
<
div
class
="footer"
>
div>
body
>
html
>
* .no .header .footer .main > .content }}> span }}}
}
注意：手機端頁面需要加入meta viewport，不然會出現手機端瀏覽器label中span不能顯示等問題，
<meta
name
="viewport"
content
="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"
>
:before和:after是將content加入內容的前或後，「父子元素」的display屬性原來是什麼就是什麼
position設定為absolute後，元素的display屬性會變為block，飛在頁面上層，自己的一層，多個absolute多個層
因為absolute的元素是脫離文件流，所以clearfix不能使父元素包裹absolute的子元素，但是一般不需要包裹，就是用absolute進行合適定位。
vue.js中，使用setinterval時，要通過window.setinterval來使用，否則不起作用；同時需要注意的是this引用的變化，如果使用vue中data的變數，需要用let self = this進行引用。
methods:},1000);
}}
text-align可用在塊元素、內聯元素，作用於其中的內聯元素
用overflow保證盒子的尺寸，不越界
height: 300px;overflow: hidden;
對於小盒子 上下左右 的小零碎，用before，after來做。例如 詞語間的豎線間隔，用壓住的方式隱藏起來，和overflow: hidden很像
&:before margin-left: -1px;
CSS 知識積累
一 關於定位 1.相對定位下，不需要設定塊級元素的寬度，只需要設定高度，即可以使該塊級元素自適應，如果內有固定高度子元素，可以不設高度。而且可以進行top left定位。2.相對定位下，如果兩個兄弟塊級元素，其中一者設定了left，而另乙個只要設定的left數值和兄弟不同，left小的那個就不會佔滿...
css基礎積累
1 以統一的方式實現樣式的定義 2 提高頁面樣式的可重用性和可維護性 3 實現了內容 html 和表 css 的分離 html和css之間有什麼關係 html 構建網頁的結構 css 構建html元素的樣式 1.內聯樣式 將樣式宣告在元素的style屬性中 1 color 樣式宣告 表示乙個具體的顯...
知識的積累
最初認識darwin 的時候，我還是個沒畢業的新手。那時，我在公司做畢業設計，題目就是用c 對部門內已有的一套c的庫進行封裝。那套庫就是darwin開發的，這次封裝工作也是在他的領導之下進行的。當時，我對c 有著說不清的好感，心裡認定那是成為高手的必經之路，因此很樂於參加到這個工作之中。darwin...