pycharm 용어
tab 우로 여백 한번(좀 길게)
shift tab 좌로 여백 한번(좀 길게)
깔끔하게 코드 정리할때쓰는 단축키~
ctrl + A 후 window ver) ctrl + art + L
mac ver) command + art + L
문단 이용해보기
css 기초
<div> 부모 태그 <div>
명찰을 달아주는거 칭해주는거 이 꾸며주는거에 핵심
클래스를 이용
맥락과 사용법 이해~ 용어에 포커스 두지마세요~
background-image: url("");
background-size: cover;
background-position: center;
세트로 알아두자~
html 글 속성, 박스 속성
박스는 가로 세로~
글은 가로세로 개념이없다
글속성 => 박스 속성 강제로 변환후 바꿔야된다
display: block; css코드에 넣어줘야한다 style 부분
폰트 입히는거~
구글 웹폰트
주석: ctrl + /
css랑 html 주석처리 기호가 다 다름~ 그래서 pycharm이 유용한듯~
bootstrap을 이용할려면 항상 이 연결고리에 대한 부분이 필요하다~
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossor
사이트 이름~~
css border w3schools
css border mdn
margin 0 0 0 0 순서 북쪽 동쪽 남쪽 서쪽(북쪽기준 시계방향)
'frontend' 카테고리의 다른 글
2022-04-07 (0) | 2022.04.08 |
---|---|
1주차 개발일지 (weak I learned) (0) | 2022.04.07 |
1주차 과제 원페이지 쇼핑몰 html+css 과제 소스~! (0) | 2022.04.07 |
2022-04-06 (0) | 2022.04.07 |
2022-04-04 (0) | 2022.04.07 |