CSS 스터디

CSS
-<style> 이 안은 css의 문법으로</style>
<stylr>
li{
color = red;
}
</style>//모든 li태그를 빨간색으로 칠해주세요

————————————————————
css를 html에 갖다 붙이는 두가지 방식


————————————————————
선택자와 선언
li라고 그냥 써주면: 이 웹페이지 안의

li는 모두 ~하게

————————————————————
모든 li태그 말고 특정한 것만 하고 싶으면
id=“select”


id 값이 select인 놈의 style
#select

————————————————————
클래스 선택자

id가 여러번 등장을 해야된다면 클래스로 그룹핑을 해줘야 됨

————————————————————
부모 자식 선택자
ul li : ul 밑에 있는 li에 대해-

ol>li ol바로 밑에 있는 li에 대해서만

ul, ol {background-color : red}

————————————————————
박스 모델
padding : 텍스트와 테두리가 멀어짐, 안에 얼마나 공간
margin : 테두리와 다른 요소 사이의 간격
border
width
height

패딩도 빠지고 보더도 빠진 부분의 영역의 크기가 크기



————————————————————
type

————————————————————
operator 연산자

————————————————————
function 함수

————————————————————
object 객체

————————————————————
string methods 여러가지 데이터 타입을 처리하는 방법들

————————————————————
array method

————————————————————
event