Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS
  • C 프로그래밍
  •   
  • C++
  •   
  • Redis
  •   
  • BASH 프로그래밍
  •   
  • Python
  •   
  • Java
  •   
  • 데이터 베이스
  •   
  • HTML
  •   
  • JavaScript
  •   
  • 프로그램 작성
  •   
  • CSS
  •   
  • Ruby
  •   
  • SQL
  •   
  • IOS
  •   
  • Android
  •   
  • MongoDB
  •   
  • MySQL
  •   
  • C#
  •   
  • PHP
  •   
  • SQL Server
  • CSS

    1. CSS 및 JavaScript로 목록 그리드 보기를 만드는 방법은 무엇입니까?

      목록 그리드 보기를 생성하는 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <style>    * {       box-sizing: border-box;    }    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }

    2. CSS로 혼합 열 레이아웃 그리드를 만드는 방법은 무엇입니까?

      CSS를 사용하여 혼합 열 레이아웃 그리드를 만들려면 코드는 다음과 같습니다. - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva,

    3. CSS로 반응형 컬럼 카드를 만드는 방법은 무엇입니까?

      CSS로 반응형 열 카드를 만들려면 코드는 다음과 같습니다. − 예시 body { font-family:Segoe UI , 타호마, 제네바, 베르다나, 산세리프; } * { 상자 크기:테두리 상자; } .card { 색상:흰색; 왼쪽으로 뜨다; 너비:계산(25% - 20px); 패딩:10px; 테두리 반경:10px; 여백:10px; 높이:200px; } .card p { 글꼴 크기:18px; } .cardContainer:after { 내용:; 디스플레이:테이블; 클리어:둘 다; } @미디어 화면 및 (최대 너비:600px) {

    4. CSS로 반응형 지그재그(교대) 레이아웃을 만드는 방법은 무엇입니까?

      CSS로 반응형 지그재그 레이아웃을 만들기 위한 코드는 다음과 같습니다. - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    * {       box-sizing:border-box;    }    body { &

    5. CSS로 반응형 블로그 레이아웃을 만드는 방법은 무엇입니까?

      CSS로 반응형 블로그 레이아웃을 생성하기 위한 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    * {       box-sizing: border-box;    }    body {

    6. 웹 페이지에 Google 차트를 추가하는 방법은 무엇입니까?

      웹 페이지에 Google 차트를 추가하려면 코드는 다음과 같습니다. - 예시 <!DOCTYPE html> <html> <head> <title>Google Charts Tutorial</title> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript&q

    7. 웹 페이지에서 Google 글꼴을 사용하는 방법은 무엇입니까?

      웹페이지에서 Google 글꼴을 사용하려면 코드는 다음과 같습니다. - 예시 <!DOCTYPE html> <html> <head> <link href="https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap" rel="stylesheet"/> <style>    body {       font-family: "Per

    8. CSS 표현식을 만드는 다른 방법은 무엇입니까?

      CSS 표현식을 만드는 다양한 방법은 다음과 같습니다. - 클래스를 CSS 선택기로 사용 이렇게 하면 해당 특정 클래스의 모든 웹 요소가 선택됩니다. (예:.classname(.)으로 표시) id를 CSS 선택기로 사용. 그러면 해당 특정 ID의 웹 요소가 선택됩니다. (예:#ID) 태그 이름과 속성 값을 선택자로 사용합니다. 그러면 특정 속성 값 조합의 웹 요소가 선택됩니다. (태그명 [속성=값]으로 표시) 예시 import org.openqa.selenium.By; import org.openqa.sel

    9. CSS로 섹션 카운터를 만드는 방법은 무엇입니까?

      CSS로 섹션 카운터를 생성하기 위한 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/fontaweso

    10. CSS와 JavaScript로 인용 슬라이드 쇼를 만드는 방법은 무엇입니까?

      CSS와 JavaScript로 인용 슬라이드쇼를 만들려면 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva,

    11. CSS로 일반적인 장치 중단점에 미디어 쿼리를 사용하는 방법은 무엇입니까?

      CSS를 사용하여 일반적인 장치 중단점에 대해 미디어 쿼리를 사용하려면 코드는 다음과 같습니다. - 예시 body { font-family:Segoe UI , 타호마, 제네바, 베르다나, 산세리프; 색상:흰색; } @미디어 전용 화면 및 (최대 너비:600px) { 본문 { 배경:rgb(207, 60, 151); } } @미디어 전용 화면 및 (최소 너비:600px) { 본문 { 배경:rgb(0, 128, 107); } } @미디어 전용 화면 및 (최소 너비:768px) { 본문 { 배경:rgb(226, 136, 18); } }

    12. PC, 노트북, 태블릿, 휴대폰 등 모든 장치에서 작동하는 반응형 웹사이트를 만드는 방법은 무엇입니까?

      모든 기기에서 작동하는 반응형 웹사이트를 만들기 위한 코드는 다음과 같습니다. - 예시 <!DOCTYPE html> <html lang="en"> <head> <title>Page Title</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <sty

    13. CSS를 사용하여 웹사이트를 가로로 중앙에 맞추는 방법은 무엇입니까?

      CSS를 사용하여 웹사이트를 가로 중앙에 배치하려면 코드는 다음과 같습니다. - 예 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       background: rgb(255, 238, 0);       fo

    14. 웹 페이지에 대한 반응형 연락처 섹션을 만드는 방법은 무엇입니까?

      웹 페이지에 대한 반응형 연락처 섹션을 생성하기 위한 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, V

    15. CSS를 사용하여 웹사이트에 대한 about/about us 페이지를 만드는 방법은 무엇입니까?

      정보 페이지를 생성하기 위한 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    html {       box-sizing: border-box;    }    body {  

    16. CSS로 헤더의 스타일을 지정하는 방법은 무엇입니까?

      CSS를 사용하여 헤더의 스타일을 지정하려면 코드는 다음과 같습니다. − 예시 <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body

    17. CSS로 2열 레이아웃 그리드를 만드는 방법은 무엇입니까?

      CSS로 2열 레이아웃 그리드를 생성하려면 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: Arial;       color: white; &nb

    18. CSS로 3열 레이아웃 그리드를 만드는 방법은 무엇입니까?

      CSS로 3열 레이아웃 그리드를 생성하려면 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       padding: 1%;       font-family: "Segoe

    19. CSS3 유연한 상자 레이아웃

      CSS3는 일반적으로 Flexbox라고 하는 레이아웃 모드 Flexible Box를 제공합니다. Flexbox(flexible box)는 CSS3의 레이아웃 모드입니다. 이 모드를 사용하면 복잡한 응용 프로그램 및 웹 페이지에 대한 레이아웃을 쉽게 만들 수 있습니다. 여기에는 컨테이너, 플렉스 항목 등이 포함됩니다. 컨테이너에는 다음과 같은 속성이 있습니다. - 플렉스 방향 플렉스 랩 플렉스 플로우 콘텐츠 정당화 항목 정렬 콘텐츠 정렬 다음은 CSS3를 사용하여 유연한 레이아웃을 표시하는 코드입

    20. CSS3에서 키프레임 정의

      CSS3에서 키프레임 애니메이션을 생성하려면 개별 키프레임을 정의하십시오. 키프레임은 CSS3의 중간 애니메이션 단계를 제어합니다. 다음은 CSS3에서 키 프레임을 정의하는 코드입니다 - 예시 <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div {    width: 100px; &n

    Total 1566 -컴퓨터  FirstPage PreviousPage NextPage LastPage CurrentPage:5/79  20-컴퓨터/Page Goto:1 2 3 4 5 6 7 8 9 10 11