이번시간에는 웹페이지 CSS 레이아웃으로 텍스트의 줄바꿈 인라인 태그와 블럭 태그, 그리고 박스모델 테두리 여백 태그에 대해서 알아보고자 합니다. 1.인라인 블럭 줄바꿈태그 예제를 보면 태그 hello world 텍스트에 style에 display: inline 인라인 태그속성을 적용하면 줄바꿈 없이 화면에 나타나며 display: block 블럭은 줄바꿈을 가능하게 합니다. 2.박스모델 padding 태그 예제를 보면 p태그 텍스트에 border: 3px solid green 테두리 … Read more
우리가 웹페이지를 디자인하면 폰트, 줄간격, 정렬, 색상, 배경색, 테두리등 CSS에서 가장 많이사용하는 태그와, 캐스케이딩 선택자 우선순위에 대해서 알아보고자 합니다. 1.DIV 태그 사용 웹페이지에 텍스트를 그룹으로 나누어서 CSS 적용하고자 할때에 DIV 태그로 분류해서 사용할수가 있으며 예제를 보면 ‘div id=”아이디선택자이름”‘ 으로 div 태그를 사용하였습니다. sytle안에 #container{color: blue;} 컬러를 파란색으로 적용하였습니다. 이처럼 특정한 태그에 css 속성을 적용할때에 div … Read more
선택자는 스타일스트(style) CSS에서 디자인하는데 가장 중요한 요소라고 할수가 있습니다. 태그에 선택자를 적용해서 다양한 효과를 낼수가 있습니다. 오늘 내용에서는 CSS 선택자 적용, 종류, 여러개 적용, 부모자식 선택자에 대해서 예제를 통해서 자세하게 살펴보고자 합니다. 1.선택자 선언과 종류 기본적으로 선택자는 태그, id, class 3개지로 분류되며 태그선택자는 li{태그} 로 적용되며, id 선택자는 ‘id=선택자이름’ style에는 #선택자이름으로 선언합니다. 클래스 선택자는 class=”클래스이름” … Read more
안녕하세요 모즈바숍에 오신 것을 환영합니다. 앞으로 추가해야할 코딩(Coding) 컨텐츠는 디자인 CSS, JavaScript, jQuery 등 입니다.언어는 PHP, Java 등의 입문을 다루고자 합니다. 1.mazbaba 블로그 개설일 본 블로그 첫 포스팅으로 개설일은 2023.07.04일 날짜입니다. 대표 로고이미지, 파미콘을 추가하였습니다. 2.현재 사용중인 테마 업데이트 기준일은 2023년 07월 04일로 테마는 GeneratePreess 사용중입니다. 3.현재 사용중인 플로그인 플로그인 추가는 Yost SEO 최적화,, WP … Read more