본문 바로가기
728x90
반응형

전체 글446

font-weight? , 가운데 정렬이 안될때? | HTML&CSS 시리즈16 font-weight 으로 폰트 굵기를 설정 할 수 있다. 값의 순서로는 100~900 이 있다. 100이 가장 얇고 , 900이 가장 굵다. 가운데 정렬이 안되는 경우를 아래 사진에 올려두었다. 이처럼 태그의 링크를 표시하는 부분은 중앙으로 설정하였지만, 왼쪽 정렬이 되어있다. 그렇다면 어떻게 해결할 수 있을까? div 태그를 사용하면 된다. div 안에 a태그를 넣으면 이 문제를 간단하게 해결 할 수 있다. 2021. 7. 23.
꿀 팁 사이트: JSFiddle | HTML&CSS 시리즈 015 https://jsfiddle.net/ JSFiddle - Code Playground jsfiddle.net JSFiddle - Code Playground jsfiddle.net 위 사이트는 따로 프로그램 없이 그냥 웹에서 바로 프로그래밍을 할 수 있는 사이트 입니다. 또한 작성후 save 를 누르면 새로운 주소가 생깁니다. 그렇다면 이걸 활용하여 궁금한점이나 오류가 발생했을때 이 주소를 보내어주면 훨씬 좋을거 같습니다. 2021. 7. 23.
코멘트(comment) 작성 하는 방법 | HTML&CSS 시리즈 014 코멘트에 대해 알려줘~~~ html 코멘트 작성 하는 방법 코멘트를 작성함으로써, 코딩의 주석을 달아주는 이유와 같이 한눈에 어떤 코드인지 이해할 수 있다. 코멘트는 긴 코드일수록 빛을 발휘한다. css 에서도 코멘트가 존재하는데 css 코멘트 작성하는 방법 /* 코멘트 작성 */ *다들 알다 시피 코멘트는 프로그램 실행시 출력되지 않는다. 그저 복잡한 부분들을 설명함으로써 지저분해 보일 수 있는 코드를 깔끔하게 정리해주는 중요한 역할을 할 뿐이다. 추가로 다른 개발자가 본인이 만든 코드를 봤을때 코멘트가 있고 없고 차이는 꽤 클 것 같다. 2021. 7. 23.
DIV 태그 Span 태그 | HTML & CSS 시리즈 013 div 태그 를 설명하기 위해 먼저 영화 소개하는 웹사이트를 예시로 들어 보겠다. 어떤 내용을 감싸주고 싶을때 사용한다. => 요소와 요소를 감싸주는 역할을 한다. div 태그로 각각의 영화를 감싸면서 가독성을 높여준다. 위 사이트 코드는 아래와 같다. My Favorite Movies Interstella 인터스텔라 영화 소개 요약.... Interstella 인터스텔라 영화 소개 요약.... Interstella 인터스텔라 영화 소개 요약.... div 태그와 비슷한 span 태그! 요소와 요소를 감싸준다는 점이 똑같지만 결정적인 큰 차이점이 있다. 그것은 바로 div 태그는 새로운 줄로 간 다음 요소를 묶어준다면 span 태그는 원래 있던 글의 위치에 영향을 주지 않는다. 위 두 사진을 비교해보면 .. 2021. 7. 23.
728x90
반응형

티스토리툴바