Web/CSS14

• 

  [CSS] <style> {color:red} {font-size:10px} {text-decoration:underline;} header h1{border:1px solid red;} CSSJavaScriptHTML style 태그가 나오면 css 부분이다 라고 생각하면 된다. h1 {color:red; font-size:10px;} [!] h1 태그의 font size를 10px으로 변경해라 h2{text-decoration:underline;} [!] h2 태그 내용에 밑줄을 쳐라 header h1{border:1px solid red;} [!] 에 묶여있는 h1에 내용에 박스칸을 만들어라, 1px 테두리의 두께 red는 색상 solid는 단선 dotted는 점선 순서가 바뀌어도 상관없다. Web/CSS 2018. 3. 3.

• 

  [CSS] ATOM 윈도우 설치 및 사용방법 설치 링크 : https://atom.io/ Download Windows 선택 위와 같은 창이 뜨면 설치완료 Open Folder 를 눌러서 자주 사용하는 소스폴더를 지정해준다. ex) htdocs Settings 에 들어가면 아래와 같은 창이 뜨는데 왼쪽 목록에 install 을 클릭하고 확장기능을 설치할 수 있는 화면이 뜬다.아톰에서는 이 기능을 패키지라고 한다. emmet 라는 확장기능을 인터넷으로 검색 설치. emmet : 코드를 작성하는 것의 수고를 줄여주는 확장기능이다. index.html 우클릭 후 split right 를 클릭하면 오른쪽에 분할 코딩을 할 수 있는 것이 생긴다.아톰에디터로 위 사진과 같이 분할해서 코딩을 할 수 있다. 좌측에 위치한 사이드바를 없애려면 view에 들어가서 .. Web/CSS 2018. 3. 3.