简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > 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 그리드를 배우고 있는데 이 카드를 그리드로 나누어서 만들어 달라는 요청을 받았습니다. 제가 만들고 싶은 그리드의 사진이 첨부되어 있습니다. 실제...
에서 2024-04-06 12:52:14
0
1
339
두 개의 별도 테이블에서 판매 데이터를 요약할 때 MySQL 문제 귀하의 지원에 미리 감사드립니다. 저는 SQL을 배우고 사용할 데이터를 생성하고 있지만 한 가지 간단한 문제에 봉착했습니다. 아래 스크린샷의 테이블은 지역 및 날...
에서 2024-04-04 14:22:13
0
2
343
버튼 활성화로 인해 호버 효과가 오작동함 저는 웹 개발의 기초(HTML, CSS, JS)를 배우려고 노력해왔기 때문에 작동하는 Apple 계산기를 만들어 보려고 노력해 왔습니다. 작은 버그를 발견하기 전...
에서 2024-04-01 21:51:26
0
1
396
CSS에서 눈금선을 표시할 수 있나요? CSS 그리드 레이아웃을 배우기 시작했습니다. 이상적인 세계에서는 여러 개의 그리드 상자가 있는 div를 설정하고 그 안에 요소를 정확하게 배치하여 필요할 때 오...
에서 2024-03-31 20:38:21
0
2
395
Array JS의 이미지 52개 저는 IT Assistant 1년을 공부하고 있으며 현재 JavaScriptHTML 및 CSS를 사용하여 카드 게임을 코딩해야 합니다. 내 질문은: 어떻게 JS에...
에서 2024-03-30 21:14:49
0
1
272
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！