본문 바로가기

분류 전체보기134

01. 선택자 선택자 태그선택자 태그명 아이디선택자 #아이디명 클래스선택자 .클래스명 태그선택자 태그선택자 태그선택자 아이디선택자 클래스선택자 클래스선택자 클래스선택자 후손 , 자손 ,가상 선택자 하위선택자 하위선택자 하위선택자 하위선택자 하위선택자 하위선택자 하위선택자 여기는? 아이디: 이름 : 비밀번호: 아이템 아이템 아이템 아이템 아이템 아이템 액티브 호버 포커스 액티브 : 누를 때 호버 : 마우스를 올렸을 때 포커스 : 그 안에 있는 상태일 때 2024. 1. 24.
블럭-인라인 ,스타일시트 블럭 요소와 인라인 요소 블럭 자동으로 줄바꿈 블럭안에 블럭, 인라인요소 가능 대표적으로 등이 있다 인라인 컨텐츠의 내용이 곧 너비 인라인 안에는 인라인만 가능하다 대표적으로 , ,, , , , , 등이 있다 헬로월드(라이브가상서버) 저장하면 바로 반영된다 블럭요소 블럭요소 블럭요소 블럭요소 블럭요소 블럭요소 인라인 2024. 1. 24.
CSS 세팅하기 Visual Studiio 사용 EXPLORER에 폴더 및 파일 생성 , HTML 또는 css로 생성 html:5 를 누르면 자동완성이 되고 엔터를 치면 이런 기본 형태가 생성된다. 좌측 도구바 맨 아래 테트리스 모양 클릭하면 visual Studio 에서 제공하는 다운가능한 앱들이 있는데 Live Server를 검색해서 다운받아준다 그 후 Go live를 누르면 브라우저 창이 뜨며 저장할 때 마다 실시간으로 내가 짠 디자인이 브라우저로 출력된다. 2024. 1. 24.
단어변환 43163 프로그래머스(lv3) (dfs,bfs) https://school.programmers.co.kr/learn/courses/30/lessons/43163 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr dfs 풀이 tip- 방문하지 않은 단어 중에 현재 단어에서 한 알파벳만 변경하여 변환 가능한 단어들로 DFS를 진행하고 목표에 도달한 경우 최소 변환 횟수를 갱신한다. class Solution { static int answer = Integer.MAX_VALUE; static boolean[] visited; static String words[]; //주요 조건 //dfs, 한 단어 차이인.. 2024. 1. 24.
네트워크 프로그래머스 (LV3 ) https://school.programmers.co.kr/learn/courses/30/lessons/43162 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr import java.util.*; class Solution { static boolean visited[]; static int answer = 0; static int[][] computer; public static void dfs(int v) { //탈출조건 if(visited[v])return; //구현동작 visited[v]= true; for(int i = 0 ; i < visite.. 2024. 1. 24.
CSS 기초 CSS 문법 선택자 후손 선택자 , 자손 선택자의 가장 큰 차이 후손 선택자- 밑에 있는 모든 선택자를 포함(다른 하위 선택자의 같은 이름의 선택자여도 가능) 자손 선택자 - 바로 밑에 있는 모든선택자를 포함 :active , :hover , :focus : checked 정도는 기억해두자 border 속성 bodrer는 주로 border: solid 1px #777 ; 을 주로 쓴다 (실선 , 1px 굵기에 #777색을 입혔다) 텍스트 속성 Tip : 글을 정중앙으로 옮기기 위해 line-height와 height를 동일하게 입력해주면 값이 중앙으로 온다. display inline - block 은 blcok속성으로 inline의 형태로 만드는 것이다 Background 패딩 마진 Box-sizing.. 2024. 1. 23.

티스토리툴바