CSS
생활코딩 CSS 수업내용 정리 및 후기
공주맛밤
2022. 8. 8. 16:21
CSS: html 이후에 웹 페이지를 디자인 하기 위해 태어난 언어 - <font> 와 같은 디자인을 위한 태그(html)가 있지만 css를 통해 더 나은 디자인을 할 수 있음
<head>
<style>
선택자 {
속성: ;
display: block; /*화면 전체를 차지함 (css box-model)*/
}
.속성을 묶어서 부여하게 해줌 {
display: inline; /*본인 크기만흠 화면을 차지함 (css box-model)*/
}
#한 웹페이지에서 중복 될 수 없음 {
}
#grid {
display: grid; /*태그들을 나란히 놓을 수 있음*/
}
@media (조건) {
#response h1 { /*response 안의 h1*/
조건이 true면 부여될 속성
}
}
</style>
</head>
<body>
<div id="grid">
<div style="속성">선택자가 동일하다면 가장 나중에 부여된 속성으로</div>
<div id="한 웹페이지에서 중복 될 수 없음"></div>
<div class="속성을 묶어서 부여하게 해줌></div>
</div>
<span id="response">
<h1>div는 block, span은 inline으로 디자인을 하기 위한 무색무취의 태그</h1>
</span>
</body>https://github.com/lhj0954/WEB1-HTML.git
728x90
반응형