분류 전체보기395 2월 22일 (2) CSS 공간 처리 그림자, 중첩순서, 투명도, 범람 Box-shadow : HTML요소에 그림자를 추가하는 속성 수평(-왼쪽 +오른쪽) 수직(-위, +아래) 흐림 번짐 색상 삽입효과 색이 칠해진 부분은 필수 요소! 중첩이 되어서 나타난다. 흐림 blur 번짐 spread 삽입효과 inset 폴라로이드 효과 img { padding: 20px; padding-bottom: 60px; margin: 20px; box-shadow: 5px 5px 10px black; } opacity : 요소의 투명도 조정 속성 0.0 완전투명 ~ 1.0 완전 불투명, 기본값 박스 스타일링 1 박스 스타일링 2 박스 스타일링 3 박스 스타일링 4 박스 스타일링 5 이미지 갤러리 overflow : 넘침, 범람, 외부 영역 요소에 비하여 내부 .. 2023. 2. 22. 2월 22일 (1) CSS font 글꼴처리 p 194-204 웹페이지에서 보이는 글자의 모양 처리 폰트 저작권 위반 조심하기! 내 컴퓨터에 있는 글꼴이라도 저작권이 있을 수 있어 웹 페이지 상에서 사용하면 안 된다. 폰트 설치 C:\Windows\Fonts 1. font-family : 문서에서 사용할 글꼴 지정 대 소문자는 상관없이 사용 가능 기본 폰트 Serif Sans-serif Monospace Cursive Fantasy font-family: fantasy, batang; 첫번째 폰트 우선 적용, 기본적으로 지정된 폰트가 해당되는 언어를 지원하지 않으면 두번째 폰트는 해당 되는 언어를 지원할 수 있다. font-family:'arial black', batang; 두 개 이상의 글꼴이 들어가는 경우 띄어쓰기로 표시 해 주고, .. 2023. 2. 22. 1023. 실수 1개 입력받아 부분별로 출력하기 실수 1개를 입력받아 정수 부분과 실수 부분으로 나누어 출력한다. ** 여러 가지 방법들로 해결할 수 있다. 만약 실수 부분이 0으로 시작하지 않는다면(예를 들어 1.000009) scanf("%d.%d", &a, &b)도 하나의 방법이 될 수 있다. 입력 실수 1개가 입력된다. (단, 입력값은 절댓값이 10000을 넘지 않으며, 소수점 이하 자릿수는 최대 6자리까지이고 0이 아닌 숫자로 시작한다.) 출력 첫 번째 줄에 정수 부분을, 두 번째 줄에 실수 부분을 출력한다. import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); String a.. 2023. 2. 22. 2월 21일 (2) CSS 배경, 텍스트 처리 배경처리(Background) p 293 요소의 배경 효과를 주기 위한 스타일 설정 속성 1) background-color : 배경 색상을 지정하는 속성 background-clip : 배경 범위 지정 속성 clip - background가 나오는 영역을 의미한다. 속성값 border-box : 테두리까지 배경을 지정 padding-box : 테두리를 밴 안쪽 여백까지 지정 content-box : 내용(content) 부분에만 배경 지정 주황색 선이 어디에 있는지에 따라서 달라지는 모습을 볼 수 있다. 배경 색상과 범위 2~6은 이미지와 관련된 요소를 정하는 속성 2) background-image : 배경에 이미지를 삽입(지정)하는 속성 기본적으로 반복하게 되어 있다.(패턴 또는 타일) 3) bac.. 2023. 2. 21. 2월 21일 (1) CSS 정리 + magin, border 복습! selector 기본선택자 모든 요소 * 태그명 type 선택자 : div class 주로 제일 많이 사용하는 선택자, BEM 형식으로 작명 id 유일한 값으로 사용하기 컬러 처리 방식 RGB, HEX( # 붙이기), HSL 색상이 없는 것 회색 크기, 박스모델 magin 크기에는 영향을 주지 않지만 배치에 영향을 준다. 크기 content, padding, border 계층구조 content 자식요소(하위요소) 디자인 시 오버 플로어 처리를 어떻게 할 것인지도 결정해야 한다. 기본값은 컨텐츠 박스인데 보더 박스를 더 많이 사용한다. padding 속성으로 2방향의 여백지정(위/왼쪽) padding : 10px 0 0 15px; 공백으로 차이를 둔다. 아래 두 속성은 같은 값을 가진다. paddi.. 2023. 2. 21. 1021. 문장 1개 입력받아 그대로 출력하기 공백 문자가 포함되어 있는 문장을 입력받고 그대로 출력하는 연습을 해보자. 예시 char data[2001]; fgets(data, 2000, stdin); printf("%s", data); 위와 같이 실행하면 공백이 포함된 문장을 키보드(stdin)로 입력받아 최대 2000자까지 data[ ] 공간에 저장하고 출력할 수 있다. %s 는 문자열(string, 실로 연결된 문자들. 문장)로 출력하라는 의미이다. 참고 fgets( ) 를 사용하면 공백문자가 포함되어잇는 문장을 입력받아 저장할 수 있다. 만약, 아래처럼 scanf("%s", ... ) 를 이용해 문장을 입력받으면, 첫 번째 단어까지만 저장된다. char data[51] = ""; //최대 50문자까지 저장 가능 scanf("%s", data.. 2023. 2. 21. 이전 1 ··· 52 53 54 55 56 57 58 ··· 66 다음
