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

    1. CSS 플렉스 컨테이너 속성

      다음은 CSS 플렉스 컨테이너 속성입니다. 플렉스 방향 플렉스 랩 플렉스 흐름 정당화-내용 항목 정렬 콘텐츠 정렬

    2. CSS 플렉스 방향 속성

      flex-items의 방향을 정의하려면 flex-direction 속성을 사용하십시오. 방향을 세로로 설정하자 예 <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex;          

    3. CSS를 사용하여 이미지의 오른쪽 하단에 텍스트를 배치하는 방법

      텍스트를 왼쪽 하단에 배치하려면 하단 을 사용하십시오. 그리고 맞습니다 재산. 다음 코드를 실행하여 이미지의 오른쪽 하단에 텍스트를 배치할 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          .box {             position: relative;   &nbs

    4. CSS align-self 속성

      align-self 속성을 사용하여 모든 플렉스 항목의 정렬을 설정합니다. CSS align-self 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다. 예 <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex;  

    5. CSS justify-content 속성 space-around 값의 역할

      justify-content 사용 값이 공백인 속성 라인 근처에 공간을 추가합니다. 예시 공백 주위 값을 구현하기 위해 다음 코드를 실행할 수 있습니다 - <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex;   &nb

    6. CSS를 사용하여 flex-wrap 속성의 동작 수정

      내용 정렬 사용 flex-wrap 속성의 동작을 수정하는 속성입니다. 예시 flex-wrap 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다 - <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex;    

    7. CSS 플렉스 랩 속성

      플렉스 랩 사용 설정할 속성은 플렉스 항목 랩 여부입니다. 다음 코드를 실행하여 flex-wrap 속성을 구현할 수 있습니다. 여기에서 플렉스 항목이 래핑됩니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex; &nb

    8. CSS align-content 속성 space-around 값의 사용

      내용 정렬 사용 값이 공백인 속성 플렉스 라인 주위에 공간을 추가합니다. 예시 다음 코드를 실행하여 공백을 구현할 수 있습니다. 값: <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex;       &

    9. CSS로 세로 버튼 그룹 만들기

      다음 코드를 실행하여 수직 버튼 그룹을 만들 수 있습니다. 예 <!DOCTYPE html> <html>    <head>       <style>          .mybtn .button {             background-color: orange;             border:

    10. CSS를 사용하여 비활성화된 버튼 모양 만들기

      비활성화된 버튼 모양을 만들려면 CSS 불투명도 속성을 사용하세요. 예시 다음 코드를 실행하여 비활성화된 버튼 모양을 만들 수 있습니다. - <!DOCTYPE html> <html>     <head>       <style>          .btn1 {             color: black;       &nbs

    11. CSS를 사용하여 이미지의 왼쪽 하단에 텍스트를 배치하는 방법

      텍스트를 왼쪽 하단에 배치하려면 하단을 사용하세요. 그리고 왼쪽 재산. 다음 코드를 실행하여 이미지의 왼쪽 하단에 텍스트를 배치할 수 있습니다. 예 <!DOCTYPE html> <html>    <head>       <style>          .box {             position: relative;     &nb

    12. CSS를 사용하여 요소가 가로질러야 하는 열 수 설정

      요소가 확장되어야 하는 열 수를 설정하려면 column-span 속성을 사용합니다. column-span 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          .demo {             column-count: 4;   &nb

    13. CSS로 열 너비 지정

      열 너비 사용 열 너비를 지정하는 속성입니다. 열 너비 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다 - 예시 <!DOCTYPE html> <html>    <head>       <style>          .demo {             column-count: 4;           &n

    14. CSS로 열을 설정하는 약식 속성

      열 사용 CSS로 열을 설정하는 속성. 다음 코드를 실행하여 열 을 구현할 수 있습니다. 속성: 예 <!DOCTYPE html> <html>    <head>       <style>          .demo {             column-rule-color: gray;           &nb

    15. CSS 그리드 템플릿 행 속성

      그리드 템플릿 행 속성은 그리드의 행 수를 설정하는 데 사용됩니다. 예시 grid-template-rows 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다 - <!DOCTYPE html> <html>    <head>       <style>          .container {             display: grid;  

    16. CSS의 변수

      CSS의 변수는 웹 페이지에 사용자 정의 속성 값을 추가하는 데 사용됩니다. 속성의 사용자 정의 이름을 설정하고 값을 설정합니다. 배경 및 텍스트 색상을 변경하기 위해 CSS에서 변수를 구현하기 위해 다음 코드를 실행할 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          :root {        

    17. CSS로 페이지 매김 크기 변경

      페이지 매김 크기를 변경하려면 글꼴 크기를 사용하세요. 특성. 다음 코드를 실행하여 페이지 매김 크기를 늘릴 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          .demo {             display: inline-block;       &nbs

    18. CSS flex-shrink 속성

      flex-shrink 속성은 플렉스 항목을 축소합니다. CSS flex-shrink 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다. 여기에서 Q4 flex-item과 함께 사용했습니다. 예 <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             di

    19. CSS 그리드 행

      다음의 수평선을 Grid Rows라고 합니다.

    20. CSS 그리드 간격

      다음 그림과 같이 행과 열 사이의 공간을 그리드 간격이라고 합니다.

    Total 1566 -컴퓨터  FirstPage PreviousPage NextPage LastPage CurrentPage:41/79  20-컴퓨터/Page Goto:1 35 36 37 38 39 40 41 42 43 44 45 46 47