소프트웨어 개발 공부 블로그

개발 언어 공부, 기타 공부, 자기 관리를 기록하고 있습니다.

HTML&CSS/HTML&CSS 키포인트

CSS 란? html 문서 내에 html 태그를 선택해서 디자인하고 배치하는 역할을 한다. css 링크하기 => html 파일의 head 태그 안에 style 태그 안에 style. css 파일명으로 처리한다. 외부 파일로 불러오는 방법: 해당 href 안에 style.css 를 넣어서 css파일 안에서 수정하는 것이다 CSS 선택자/ CSS 선택자 적용 우선순위 태그 선택자 => 태그 자체/ 클래스 선택자 => .center/ 아이디 선택자 => #center/ 태그와 함께 쓰는 선택자 => p.center 좋은 예 => main-ab, main-cd 그룹 선택자 h1, p{}로 묶기 p span 한 칸 띄우고 하위 선택자 * 전체 선택자 => 예를 들어서 box-sizing:border-box 있지?..

2022. 8. 4.

HTML&CSS/HTML&CSS 키포인트

제목 표시하기 : h1 ~ h6 까지 숫자 작아질수록 글씨의 크기는 작아진다 문단, 줄 바꿈 : p(paragraph), br (break-line)이다 글자 굵게 표시하기 : b(bold=> 두껍게만 표현), strong(시각 장애인을 위한 강조의 태그, 강의들에서 주로 썼던 태그들이지 ) 글자 기울림 표시하기: em, i 글자 밑줄 표시하기: u(underline) 글자 취소선 표시하기 : s(strike), del(delete => 시각 장애인 용이다) 큰 글자 표시, 작은 글자 표시: big, small (기본 폰트 크기는 16px이지) 위 첨자, 아래 첨자 : sup, sub 형광펜 배경색 글자: mark (mark 주목하다 markable) 수평선 넣기: hr(horizen) 순서가 있는 목록..

2022. 8. 4.

HTML&CSS/HTML&CSS 키포인트

Tip! => 상단 메뉴나 배너 화면의 가운데 버튼들이 오게 되는 경우 1. 인라인 요소에 absolute 적용시 block처리화 되고 그 block은 width값은 초기화 되고, height 값은 100%로 되어있다. => 그래서 따로 width에 100%를 줘야한다! 참고로 width:100%는 상위 요소를 받겠지 . 그 후 상위 부모요소에 text-align을 하면 가운데로 움직이게 된다. 2. ul, li 에 inline-block 을 주면 inline-block 특성상 약간의 간격이 벌어지지? 그럴 때는 ul에 font-size를 0을 주면 간격이 제로가 된다 . 만약에 안의 글자가 길면 overflow:hidden 처리를 하면 된다. => 그 후에 padding 이나 margin 등으로 공간을..

2022. 8. 3.