본문 바로가기

frontend

2022-04-05

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