简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

CSS学习总结_html/css_WEB-ITnose

WBOY
發布： 2016-06-21 08:55:48
原創
1186 人瀏覽過

CSS学习总结

一、简介

        W3C的介绍中介绍CSS 指层叠样式表 (Cascading Style Sheets)， 样式定义如何显示 HTML 元素。浏览器将内容装在一个元素里面（一个盒子），然后CSS通过调整盒子背景、大小、颜色、样式、内容的文本以及字体的大小，最后展示出我们需要的排版样式。

         css在使用的过程中，有很多的参数需要记忆。特别是还有很多的浏览器的有自己独有的参数，很难记忆。只有多使用，多查文档。用的时候可以到w3c.com中查询        http://www.w3school.com.cn/cssref/index.asp


二、盒子模型

        浏览器在处理HTML标签的时候，都是通过盒子模型进行排版。将内容放在这种盒子容器内，根据容器是行内标签和块级标签最后在浏览器中形成样式。下面是W3C网站的介绍

    

     我们用通过CSS来排版，在浏览器中形象的展示出，它们之间的区别

<!DOCTYPE html><html><head>	<style>		.test{			background : gray;			border : 5px solid red;						height : 20px;			width : 250px;			font : italic bold 12px/20px arial,sans-serif;						margin: 22px;			padding : 25px;		}	</style></head><body>	<div class="test">Begin Test Cascoding Style Sheets</div></body></html>
登入後複製

    效果图


相關標籤：
CSS学习总结
來源：php.cn
上一篇：基于CSS3和GSAP的超酷盒子爆炸动画特效_html/css_WEB-ITnose 下一篇：jsp中加了背景图片，在MyEclipse中可以显示，但浏览器中不显示_html/css_WEB-ITnose
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
我在使用CSS網格時遇到了高度不符合預期的問題，我可能犯了哪些錯誤？ 我目前正在學習CSS網格，並且被要求將其分解為網格來製作這張卡片。附上了我想要製作的網格的圖片。實際上有一個更大的網格（在CSS中稱為profile-grid），所有這些卡片都排列...
來自於 2024-04-06 12:52:14
0
1
339
匯總兩個獨立表的銷售資料時遇到 MySQL 問題 預先非常感謝您的支持。我正在學習SQL並產生一些資料來玩，但我堅持做一件簡單的事情。下面螢幕截圖中的表格顯示了我的sales20表的一部分，該表顯示了每個員工在2020年實現的銷售...
來自於 2024-04-04 14:22:13
0
2
343
按鈕啟動導致懸停效果故障 我一直在努力學習網頁開發的基礎知識（HTML、CSS和JS），所以我一直在嘗試製作一個可用的蘋果計算器。一切都工作正常，直到我注意到一個小錯誤。一開始，操作按鈕上的懸停效果很好，當...
來自於 2024-04-01 21:51:26
0
1
396
CSS 可以顯示網格線嗎？ 我開始學習CSS的網格佈局。在理想的情況下，我將能夠設置一個div多個網格框，並將我的元素精確地放置在其中，在需要時提供疊加（有點像在Illustrator中使用粘在網格上）。如果...
來自於 2024-03-31 20:38:21
0
2
395
Array JS 中的 52 張影像 我正在學習IT助理1年，目前我們必須使用JavaScriptHTML和CSS編寫紙牌遊戲。我的問題是：如何在JS中將52張卡片放入一個數組中，僅提供放置這些卡片的所有圖像的資料夾的...
來自於 2024-03-30 21:14:49
0
1
272
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！