웹디자인 (Web design) Archives » 3 / 2 페이지

html 코딩중에 개체 (오브젝트) 등을 구성하는 box 들에 대한 넓이(widht) 와 높이(height) 에 대한 부분과 box의 padding(box의 안쪽 공간) margin(box의 밖같 공간)의 크기를 의미하며, padding 과 margin 의 사이에는 테두리(bording)가 존재 합니다. 각 속성은 크기(size)를 정의하여 사용하며, 수치를 정의하기 때문에 해당 부분에 px, rem등의 단위를 적용 할 수 있습니다.

웹 폰트 사이즈 가변크기 단위

2021년 9월 28일/카테고리: 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon

웹 폰트 사이즈를 가변 크기 단위로 지정할 수 있는 몇 가지 옵션이 있습니다. 이러한 가변 크기 단위를 사용하면 사용자의 화면 크기나 설정에 따라 폰트 크기가 자동으로 조정됩니다.

css를 이용한 이미지 multiply 효과 주기

2021년 6월 19일/카테고리: 기술 (Technology), 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon

적용 필요 조건으로는 같은 위치에 있는 두개의 이미지 (겹친 이미지) 에서 적용 가능하며 여러가지 활용이 가능합니다.

워드프레스 호스팅 이전시 sql파일 업로드 용량 변경하기

2021년 6월 18일/카테고리: 배움의길 (Week I Learned), 워드프레스 (Wordpress), 웹디자인 (Web design)/작성자: sheldon

워드프레스 호스팅 이전시 SQL 파일의 용량이 크다면, 업로드 용량을 늘려야 할 수 있습니다. 다음과 같은 방법들을 사용해볼 수 있습니다:

Input 스타일 CSS로 제어하기

2021년 3월 30일/카테고리: 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon

input 코드로 구성된 입력창을 클릭했을 때 보여지는 테두리를 CSS로 제어하는 방법은 다양합니다. 일반적으로는 :focus 가상 클래스를 사용하여 테두리 스타일을 지정할 수 있습니다. 아래는 간단한 예시 코드입니다:

웹페이지에서 Back-button 추가하기

2021년 3월 30일/카테고리: 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon

워드프레스 사이트 구축시 별도의 뒤로가기 버튼이 없을 경우 자바스크립트 코드를 추가하여 사용하기

Font awesome에 대해 알아보자

2020년 6월 9일/카테고리: 기술 (Technology), 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon

font awesome은 웹 개발에서 아이콘을 사용할 때 유용한 무료 아이콘 라이브러리입니다. 이 라이브러리를 사용하면 다양한 아이콘을 쉽게 웹사이트에 추가할 수 있습니다. font awesome에는 6,000개가 넘는 아이콘이 포함되어 있으며, 이 아이콘들은 CSS 클래스를 통해 쉽게 사용할 수 있습니다.