原创 CSS-6.CSS的三大特性
繼承性：父元素的一些屬性，子元素也可以使用，這就是我們說的繼承性。 注意點： 1，並不是所有的屬性都可以繼承。只有以color/font-/text-/line開頭的屬性 纔可以繼承。 2，在CSS的繼承關係中，不僅僅是兒子可以繼承，
2020-06-21 05:39:56
原创 20-b,u,i,s,這些被刪除的標籤以及用來替換他們的標籤
<b></b>加粗文字 <u></u>給文字加下劃線 <i></i>傾斜文字 <s></s>給文字加刪除線 這些是以前的HTML語言修飾文字用的，沒有語義，所以被刪除，不到萬不得已 不能使用，HTML給了新的標籤替換他們，並且有語義 <s
2020-06-21 04:39:49
原创 CSS-7.！important強制提升優先級
！important: 用於提升某個直接選中標籤的選擇器中的某個屬性的優先級，可以將某個被指定的屬性的優先級 提升至最高。 注意點： 1.important只能用於直接選中，不能用於間接選中 2.通配符選擇器選中的標籤也是直接選中
2020-06-21 04:39:49
1
原创 盒子練習（重點掌握）
練習題 製作一個500*500px的紅色大盒子，中間有個200*200px的小盒子，小盒子是水平垂直居中在大盒子中的。 方法1： 原理：在大盒子中設置內邊距的值爲150px，相應的在height和width的值上減去兩倍的150，也就是
2020-06-21 04:39:49
原创 CSS-3.選擇器的使用
標籤選擇器：直接選擇某一種標籤，然後全部進行修改樣式。 格式： p{ 屬性名稱：屬性值 ； } id選擇器：給標籤設置id屬性，然後在css中，對定義了相同id屬性的標籤進行修飾 格式； #id值{ 屬性名稱：屬性值； }
2020-06-21 04:39:49
原创 css-2.文本屬性的使用
/*text-decoration有四個值：none（默認），underline（下劃線）， line-through（刪除線），overline（上劃線）*/ text-decoration: none; /*水平對齊的屬性有三個值
2020-06-21 03:37:14
原创 CSS-8.css權重問題
優先級中的權重： 當多個選擇器混合在一起使用時，我們可以通過計算權重類判斷誰的優先級最高 權重的計算規則： 1.首先計算選擇器中有多少個id，id多的選擇器優先級最高 2.如果id的個數一樣，那麼看class的個數，類名個數多的優先級最
2020-06-21 03:37:14
原创 CSS-5.屬性選擇器
css屬性選擇器，就是選擇相應屬性的標籤，改變他的樣式 格式：[屬性名]{} 例如： [class]{ color: red; } </style> </head> <body> <h2class="aa">我是標題</h2> <pcla
2020-02-25 13:13:36
原创 CSS-1.文字屬性的使用
/* 一般style會用到兩種取值來調整文字樣式，normal(正常)italic（傾斜） */ font-style:normal; /*weight屬性是調整文字胖瘦，一般取值爲bold，默認值是 lighter細線，最高值是
2020-02-25 13:13:36
原创 CSS-9.轉換css元素的顯示模式
設置元素的display屬性 display的取值： block 塊級 inline 行內 inline-block 行內塊級 快捷鍵 di display :inline; db display:block; dib displa
2020-02-25 13:13:36
原创 CSS-14.盒子模型的寬高問題和box-sizing屬性
內容寬高： 例如： 紅色框選就是內容寬高 元素寬高 同樣是上面的代碼，紅色框就是元素寬高，爲什麼不加margin，以爲外邊距，是不算在div中的 當我們在已經設置好樣式的時候，這是如果修改，就會導致變形，使用css3中的box-
2020-02-25 13:13:36
原创 CSS-12.css邊框屬性（border）
在盒子模型中我們通常會給盒子設置邊框屬性，使之完成某些功能和樣式 我們會使用css中的border屬性來設置邊框 一般會通過連寫來設置border，他下面還有width,style,color的屬性， 在開發中，我們會使用連寫。 寫法1：
2020-02-25 13:13:36
原创 CSS-10.背景顏色和背景圖片
背景顏色： 使用background-color:red; 背景圖片： 使用background-image: url("images/1.jpg"); 背景圖片的平鋪方式： 使用background-repeat: repeat;
2020-02-25 13:13:36
原创 CSS-11.css精靈圖
當網頁中有很多圖片事，瀏覽器訪問網頁，就會發送很多請求報文，這就會降低訪問體驗，這時我們將很多小圖片都放在一張圖片上，此時瀏覽器會少發送很多次請求報文，讓我們的使用體驗會好很多 這就是精靈圖。 如何使用： 使用adobe公司的fire
2020-02-25 13:13:36
原创 22-iframe內聯框架
<iframe src="http://map.baidu.com/" width="500px"height="500px" frameborder="0"></iframe>
2020-02-25 13:13:36
1