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

    1. CSS를 사용하여 지정된 범위를 벗어난 값으로 <input> 요소 스타일 지정

      CSS :out-of-range 선택기를 사용하여 지정된 범위를 벗어난 값으로 요소의 스타일을 지정합니다. 예시 다음 코드를 실행하여 :out-of-range 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html>    <head>       <style>          input:out-of-range {            

    2. CSS의 역할:범위를 벗어난 선택기

      CSS :out-of-range 선택기를 사용하여 지정된 범위를 벗어난 값으로 요소의 스타일을 지정합니다. 예시 다음 코드를 실행하여 :out-of-range 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html>    <head>       <style>          input:out-of-range {            

    3. CSS의 역할 :읽기 전용 선택기

      CSS :read-only 선택기를 사용하여 읽기 전용인 요소를 선택하십시오. 예시 다음 코드를 실행하여 :read-only 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html>    <head>       <style>          input:read-only {             background-color: blue

    4. CSS를 사용하여 읽기 전용 속성으로 <input> 요소 스타일 지정

      읽기 전용 요소를 선택하려면 CSS :read-only 선택기를 사용하세요. 예시 다음 코드를 실행하여 :read-only 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html>    <head>       <style>          input:read-only {             background-color: blue;

    5. CSS의 역할:읽기-쓰기 선택기

      CSS :read-write 선택기를 사용하여 읽기 및 쓰기 가능한 요소를 선택하세요. 예 다음 코드를 실행하여 :read-write 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html>    <head>       <style>          input:read-write {             background-color

    6. CSS의 역할:링크 선택기

      CSS :link 선택기를 사용하여 방문하지 않은 모든 링크의 스타일을 지정합니다. 다음 코드를 실행하여 :link 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          a:link {             background-color: orange;  

    7. CSS로 방문하지 않은 모든 링크 스타일 지정

      방문하지 않은 모든 링크의 스타일을 지정하려면 CSS :link 선택기를 사용하세요. 다음 코드를 실행하여 :link 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          a:link {             background-color: orange;  

    8. CSS의 역할 :(선택자) 선택자가 아님

      CSS :not(selector) 선택기를 사용하여 지정된 요소가 아닌 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :not 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          p {             color: red;     &n

    9. CSS의 역할 :nth-child(n) 선택기

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

    10. CSS3를 사용한 X축 3D 변환

      CSS3로 X축 3D 변환을 구현하기 위해 다음 코드를 실행할 수 있습니다. 예시 <html>    <head>       <style>          div {             width: 200px;             height: 100px;        

    11. CSS를 사용하여 부모의 두 번째 자식인 모든 <p> 요소에 스타일 지정

      부모의 두 번째 자식인 모든 요소를 CSS로 스타일 지정하려면 CSS :nth-child(n) 선택기를 사용하세요. 예시 다음 코드를 실행하여 :nth-child(n) 선택기를 구현할 수 있습니다. p:nth-child(4) { 배경:주황색; 색상:흰색; } 데모 텍스트 1입니다. 데모 텍스트 2입니다. 데모 텍스트 3입니다. 이것은 데모 텍스트 4입니다. 이것은 데모 텍스트 5입니다. 이것은 데모 텍스트 6입니다.

    12. 마지막 자식부터 계산하여 부모의 두 번째 <p> 요소인 모든 <p> 요소를 선택합니다.

      CSS :nth-last-of-type(n) 선택기를 사용하여 마지막 자식부터 계산하여 부모의 두 번째 요소인 모든 요소를 선택합니다. 예시 다음 코드를 실행하여 :nth-last-of-type(n) 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html>    <head>       <style>          p:nth-last-of-type(2) {    

    13. CSS의 역할 :nth-of-type(n) 선택기

      CSS :nth-of-type(n) 선택기를 사용하여 부모의 n번째 요소인 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :nth-of-type(n) 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          p:nth-of-type(2) {            

    14. CSS3를 사용한 3D 변환 방법

      다음은 3D 변환을 호출하는 데 사용되는 방법입니다. 값 설명 matrix3d(n,n,n,n,n,n,n,n,n,n,n,n, 엔,엔,엔,엔) 행렬의 16개 값을 사용하여 요소를 변환하는 데 사용 translate3d(x,y,z) x축, y축 및 z축을 사용하여 요소를 변환하는 데 사용 translateX(x) x축을 사용하여 요소를 변환하는 데 사용됩니다. translateY(y) y축을 사용하여 요소를 변환하는 데 사용 번역 Z(z) y축을 사용하여 요소를 변환하는 데 사용 스

    15. CSS를 사용하여 부모의 n번째 <p> 요소인 모든 <p> 요소에 스타일 지정

      CSS :nth-of-type(n) 선택기를 사용하여 부모의 n번째 요소인 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :nth-of-type(n) 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          p:nth-of-type(2) {            

    16. CSS로 마우스 오버 시 링크 스타일 지정

      CSS로 마우스 오버 시 링크의 스타일을 지정하려면 CSS:hover 선택기를 사용하십시오. hover, selector,를 구현하기 위해 다음 코드를 실행할 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          a:hover {             background-color:

    17. CSS의 역할:범위 내 선택기

      CSS :in-range 선택기를 사용하여 지정된 범위 내의 값으로 요소의 스타일을 지정합니다. 다음 코드를 실행하여 범위 내 선택기를 구현할 수 있습니다. - 예시 <!DOCTYPE html> <html>    <head>       <style>          input:in-range {             border: 3px dashe

    18. CSS의 역할:유효하지 않은 선택기

      CSS :invalid 선택기를 사용하여 잘못된 값으로 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :invalid 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          input:invalid {             background: red; &n

    19. CSS를 사용하여 잘못된 값으로 모든 <input> 요소 스타일 지정

      잘못된 값으로 모든 요소의 스타일을 지정하려면 CSS :invalid 선택기를 사용하세요. 예시 다음 코드를 실행하여 :invalid selector −를 구현할 수 있습니다. <!DOCTYPE html> <html>    <head>       <style>          input:invalid {             background:

    20. CSS를 사용하여 lang 속성 값으로 모든 <p> 요소 스타일 지정

      CSS :lang 선택기를 사용하여 lang 속성 값으로 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :lang 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html>    <head>       <style>          p:lang(fr) {             background: green;  

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