简体中文(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
原创
1185 人浏览过

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学习者快速成长！