블로그
-
Chrom 개발자도구 활용 1, Elements 패널 : 티라노스쿨, 프론트엔드 개발, UI 개발, 웹 퍼블리셔 분들을 위한 팁
개발자도구는 html Dom부터 Css style, Js 파일, 각종 이미지와 폰트 등 웹페이지를 작성하는데 필요한 소스들을 확인할 수.......
blog.naver.com · 2023.02.19
-
Doit!-웹사이트 따라 만들기
Definition) : HTML이 지켜야 하는 표준을 알려줌 meta : 브라우저에는 표현되지 않지만 HTML의 모든 정보를 요약해서 담고 있는 데이터 오픈 그래프 메타 데이터 p24 CSS : Cascading Style Sheet : 종속형 스타일 시트 CSS 초기화 박스 모델 : 안쪽여백(padding), 테두리(border), 바깥쪽 여백(margin) block
blog.naver.com · 2022.10.28
-
[콜로소 챌린지 13일차] 콜로소 디자이너를 위한 코딩: 입문부터 포트폴리오 응용까지 후기
@import로 다른 파일 불러오기. ex) @import '02-2-1.css'; 너무 많이 하면 성능에 안좋은 영향을 줄 수 있음. 실무에서 많이 쓰는 편은 아님. 오늘 새로운거 또 나왔다 바로 개발자 도구 ㅎㅎ 이런건 첨봐서 신기방기 [개발자 도구 단축키] ctrl+shift+i CSS : Cascading Style Sheet 앞글자 따서~
blog.naver.com · 2022.01.15
-
[콜로소 챌린지 25일차] 콜로소 디자이너를 위한 코딩: 입문부터 포트폴리오 응용까지 후기
강사님은 강의를 진행하시는 편의상 html에서 head 안에 style 태그에 넣어서 작업해주셨지만 실제로 프로젝트를 들어가게 되면 css 파일 따로 만들고 링크로 연결해줘야 한다는
blog.naver.com · 2022.01.27
-
Html(Hypertext Markup Language)
Html , CSS(Cascadig Style Sheets) , JS(JavaScript) 웹 사이트 크리에이터 구글검색: 브라켓에디터 다운로드 예) Naver>보기>소스
blog.naver.com · 2020.08.04
-
css 컨벤션 가이드 참고
//google.github.io/styleguide/htmlcssguide.html#CSS_Style_Rules Github - https://github.com/xfiveco/css-coding-standards #naming-conventions 에어비엔비- https://github.com/ParkSB/javascript-style-guide
blog.naver.com · 2020.02.18
-
html , style , css 가 나온 이유
그래서 style 속성이 도입되었고 style 속성안에 디자인적인 정보들을 다 때려 넣는다. 이 style 정보들이 들어 있는 부분을 파일로 만들어 css 라 하였다. head 태그 안에 있는 style 부분만 따로 때와 파일로 만든다. myStyle.css 로 저장했다.
blog.naver.com · 2019.05.02
-
[웹퍼블리싱]웹퍼블리싱 유용한 사이트 모음
icon=zoom_in&style=baseline css로 도형만들기https://css-tricks.com/the-shapes-of-css/.......
blog.naver.com · 2019.07.05
-
CSS 1----------------------------------------------
일단, www.w3schools.com/css/ 여기 참조! Inline style(“font-size” 요런거 참고) 2) p12 글자색깔 RGB값 (16진수) 3) CSS 내부정의 (Embedded style) 4) P18 MIME type
blog.naver.com · 2018.11.02
-
XE엔진 위젯 가운데 정렬하기
사이트의 소스보기로 헤더에서 사용하고 있는 CSS확인 /common/css/xe.min.css 에 .widget_center_align{text-align:center} 클래스 추가 내용 중 가 있는 라인에 style="display:inline-block;*display:inline;" 추가
blog.naver.com · 2018.02.28