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 :checked 선택기를 사용하여 선택된 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :checked 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          input:checked {             height: 20px;   &nb

    2. CSS 위치:고정;

      위치:고정, 속성을 사용하면 뷰포트를 기준으로 요소를 배치할 수 있습니다. CSS 위치를 구현하기 위해 다음 코드를 실행할 수 있습니다. fixed; 예시 <!DOCTYPE html> <html>    <head>       <style>          div{             position: fixed;      

    3. 체크된 모든 <input> 요소를 CSS로 스타일 지정

      체크된 모든 요소의 스타일을 지정하려면 CSS :checked 선택기를 사용하세요. 다음 코드를 실행하여 :checked 선택기를 구현할 수 있습니다. - 예시 <!DOCTYPE html> <html>    <head>       <style>          input:checked {             height: 20px;  

    4. 비활성화된 모든 <input> 요소를 CSS로 스타일 지정

      비활성화된 모든 요소의 스타일을 지정하려면 CSS :disabled 선택기를 사용하세요. 비활성화된 요소의 스타일을 지정하기 위해 다음 코드를 실행할 수 있습니다 - 예시 <!DOCTYPE html> <html>    <head>       <style>          input:enabled {             background: blu

    5. CSS의 역할:비활성화된 선택기

      CSS :disabled 선택기를 사용하여 비활성화된 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :disabled 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          input:enabled {             background: blue; &n

    6. CSS 오버플로:표시

      값이 보이는 CSS 오버플로 속성에서 오버플로가 잘리지 않습니다. 이것이 기본값입니다. 다음 코드를 실행하여 CSS overflow:visible을 구현할 수 있습니다. 속성: 예시 <!DOCTYPE html> <html>    <head>       <style>          div {             background-color: or

    7. CSS 오버플로:숨김

      값이 숨김인 CSS 오버플로 속성에서 , 오버플로가 잘립니다. 내용이 숨겨져 있습니다. 다음 코드를 실행하여 CSS overflow:hidden을 구현할 수 있습니다. 속성 - 예시 <!DOCTYPE html> <html>    <head>       <style>          div {             background-color: or

    8. CSS 오버플로:스크롤

      값이 scroll인 CSS 오버플로 속성에서 , 오버플로가 잘리고 스크롤바가 추가됩니다. 이렇게 하면 사용자가 전체 콘텐츠를 읽을 수 있습니다. 예시 CSS 오버플로를 구현하기 위해 다음 코드를 실행할 수 있습니다. scroll 속성 - <!DOCTYPE html> <html>    <head>       <style>          div {         &n

    9. 부모의 유일한 자식인 모든 <p> 요소를 CSS로 스타일 지정

      CSS :only-child 선택기를 사용하여 부모의 유일한 자식인 모든 요소의 스타일을 지정합니다. 예시 다음 코드를 실행하여 :only-child 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html>    <head>       <style>          p:only-child {             background

    10. CSS 오버플로:자동

      CSS 오버플로:자동 , overflow와 달리 필요할 때만 스크롤바를 추가합니다. :스크롤 . CSS 오버플로를 구현하기 위해 다음 코드를 실행할 수 있습니다. auto 속성: 예시 <!DOCTYPE html> <html>    <head>       <style>          div {             background-color: o

    11. CSS 오버플로-y

      CSS overflow-y를 사용하면 콘텐츠의 상단 하단 가장자리로 무엇을 할지 결정할 수 있습니다. overflow-y 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다 - 예시 <!DOCTYPE html> <html>    <head>       <style>          div {             background-color: o

    12. CSS 오버플로-x

      CSS overflow-x를 사용하면 콘텐츠의 왼쪽 오른쪽 가장자리로 수행할 작업을 결정할 수 있습니다. 예시 overflow-x 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다. <!DOCTYPE html> <html>    <head>       <style>          div {             background-color:

    13. CSS float 속성을 사용하여 요소 정렬

      CSS에서 float 속성을 사용하여 요소를 정렬하려면 다음 코드를 실행할 수 있습니다. - 예시 <!DOCTYPE html> <html>    <head>       <style>          .demo {             float: right;             width: 20

    14. CSS에서 요소를 세로로 중앙에 배치

      CSS에서 요소를 세로로 가운데에 맞추려면 상단 및 하단 패딩을 사용하세요. 예시 다음 코드를 실행하여 요소를 중앙에 배치할 수 있습니다. <!DOCTYPE html> <html>    <head>       <style>          .center {             padding: 50px 0;       &

    15. CSS 자식 선택기

      지정된 요소의 직계 자식을 모두 선택하려면 자식 선택기를 사용하십시오. div > p 예시 다음 코드를 실행하여 CSS 하위 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html>    <head>       <style>          div > p {             background-color: orange

    16. CSS를 사용하여 테두리가 있는 링크 버튼 만들기

      테두리가 있는 링크 버튼을 만들려면 다음 코드를 실행해 보십시오. - 예시 <!DOCTYPE html> <html>    <head>       <style>          a:link, a:visited {             background-color: white;            

    17. CSS를 사용하여 마지막 자식부터 계산하여 부모의 자식인 모든 <p> 요소의 스타일 지정

      CSS :nth-last-child(n) 선택기를 사용하여 마지막 자식부터 계산하여 부모의 자식인 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :nth-last-child(n) 선택기를 구현할 수 있습니다. 예시 p:nth-last-child(4) { 배경:파란색; 색상:흰색; } 데모 텍스트 1입니다. 데모 텍스트 2입니다. 데모 텍스트 3입니다. 이것은 데모 텍스트 4입니다. 이것은 데모 텍스트 5입니다. 이것은 데모 텍스트 6입니다. 출력

    18. CSS를 사용하여 파란색 왼쪽 테두리가 있는 목록

      CSS의 목록에 파란색 왼쪽 테두리를 추가하려면 다음 코드를 실행할 수 있습니다. - 예시 <!DOCTYPE html> <html>    <head>       <style>          ul {             border-left: 3px solid blue;             b

    19. CSS를 사용하여 글머리 기호가 없는 경계 목록 만들기

      글머리 기호 없이 테두리가 있는 목록을 만들려면 다음 코드를 실행해 보십시오. 목록 스타일 유형 없음 으로 설정되어 있습니다. 목록에서 글머리 기호를 제거하려면 예시 <!DOCTYPE html> <html>    <head>       <style>          ul {             background-color: orange; &

    20. CSS 표시의 차이점:없음; 가시성:숨김;

      CSS 표시:없음; display:none 속성은 요소를 삭제하지 않고 숨기는 데 사용됩니다. 공간을 차지하지 않습니다. <!DOCTYPE html> <html>    <head>       <style>          h3 {             display: none;          } &

    Total 1566 -컴퓨터  FirstPage PreviousPage NextPage LastPage CurrentPage:55/79  20-컴퓨터/Page Goto:1 49 50 51 52 53 54 55 56 57 58 59 60 61