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

    1. CSS를 사용한 바운스 애니메이션 효과

      바운스 애니메이션 효과는 타격 후 표면에서 요소를 빠르게 위로, 뒤로 또는 멀리 이동하는 데 사용됩니다. 예시 바운스 애니메이션 효과를 구현하기 위해 다음 코드를 실행할 수 있습니다. − <html>    <head>       <style>          .animated {             background-image: url(/css/imag

    2. CSS @charset 규칙 사용

      ASCII 또는 ISO-8859-1 이외의 문자 집합을 사용하여 문서를 작성하는 경우 스타일시트 상단에 @charset 규칙을 설정하여 어떤 문자 집합이 스타일 시트가 작성되었습니다. @charset 규칙은 스타일 시트의 시작 부분에 공백 없이 바로 작성해야 합니다. 값은 따옴표로 묶여 있으며 표준 문자 집합 중 하나여야 합니다. 예시 예를 살펴보겠습니다. <style>    <!--       @charset "iso-8859-1"   &nbs

    3. CSS를 사용한 바운스 인 애니메이션 효과

      CSS로 Bounce In Animation Effect를 구현하려면 다음 코드를 실행해 보십시오. - 예시 <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);         &n

    4. CSS로 왼쪽 큰 애니메이션 효과 페이드 아웃

      CSS를 사용하여 이미지에 Fade Down Left Big Animation Effect를 구현하려면 다음 코드를 실행할 수 있습니다. − 예시 <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);   &n

    5. CSS border-top-right-radius 속성

      CSS의 border-top-right radius 속성을 사용하여 오른쪽 상단 반경 테두리를 설정합니다. 다음 코드를 실행하여 border-top-right-radius 속성을 구현할 수 있습니다 - 예시 <html>    <head>       <style>          #rcorner {             border-radius: 25px;

    6. CSS border-bottom-right-radius 속성

      오른쪽 하단 모서리의 테두리를 설정하려면 border-bottom-right-radius 속성을 사용하십시오. border-bottom-right-radius 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다 - 예시 <html>    <head>       <style>          #rcorner {             border-radius

    7. CSS로 올바른 애니메이션 효과 페이드 아웃

      CSS를 사용하여 이미지에 Fade Out Right 애니메이션 효과를 구현하려면 다음 코드를 실행해 보십시오. − 예시 <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);       &n

    8. CSS border-bottom-left-radius 속성

      border-bottom-left-radius 속성을 사용하여 왼쪽 하단 모서리의 테두리를 설정합니다. 다음 코드를 실행하여 border-bottom-left-radius 속성을 구현할 수 있습니다 - 예시 <html>    <head>       <style>          #rcorner {             border-radius: 25px; &

    9. 객체에 사인파 왜곡을 주어 CSS로 물결 모양으로 보이게 합니다.

      파동 효과는 물체에 사인파 왜곡을 주어 물결 모양으로 보이게 하는 데 사용됩니다. 이 필터에서 다음 매개변수를 사용할 수 있습니다. S.No 매개변수 및 설명 1 추가 값이 1이면 물결 모양 이미지에 원본 이미지가 추가되고 0이면 추가되지 않습니다. 2 빈도 파도의 수입니다. 3 빛 파동에 대한 빛의 강도(0에서 100까지). 4 단계 사인파가 시작되어야 하는 각도(0에서 100까지). 5 강도 파동 효과의 강도입니다. 예시 다음 코드를 실행하여 웨이브 효과를 설

    10. CSS 다중 배경 속성

      CSS 다중 배경 속성은 HTML 코드 없이 한 번에 하나 이상의 이미지를 추가하는 데 사용됩니다. 요구 사항에 따라 이미지를 추가할 수 있습니다. 여러 배경 이미지의 샘플 구문은 다음과 같습니다 - #multibackground {    background-image: url(/css/images/logo.png), url(/css/images/border.png);    background-position: left top, left top;    background-repe

    11. CSS 배경 속성

      CSS 배경 속성은 한 섹션에서 모든 배경 이미지 속성을 설정하는 데 사용됩니다. CSS에서 background 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다 - 예시 <html>    <head>       <style>          #demo {             background: lightblue url("https://ww

    12. CSS @미디어 규칙

      @미디어 규칙은 규칙 집합의 대상 미디어 유형(쉼표로 구분)을 지정합니다. 예시 @media 규칙의 예를 살펴보겠습니다 - <style>    <!--       @media print {          body { font-size: 10pt }       }       @media screen {          body

    13. CSS 배경 크기 속성

      CSS background-size 속성은 배경 이미지의 크기를 지정하는 데 사용됩니다. 예시 CSS에서 background-size 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다. <html>    <head>       <style>          #demo {             border: 5px dashed green;  

    14. CSS Speak-숫자 속성

      Speak-numeral 속성은 숫자를 말하는 방법을 제어합니다. 가능한 값은 숫자 - 숫자를 개별 숫자로 말하십시오. 따라서 237은 투 쓰리 세븐으로 발음됩니다. 지속적 - 숫자를 완전한 숫자로 말하십시오. 따라서 237은 이백삼십칠로 발음됩니다. 단어 표현은 언어에 따라 다릅니다.

    15. CSS로 감쇠된 그림자 만들기

      그림자 필터는 지정된 방향과 색상으로 감쇠된 그림자를 만드는 데 사용됩니다. 이 필터에서 다음 매개변수를 사용할 수 있습니다. − S.No 매개변수 및 설명 1 색상 원하는 그림자 색상입니다. 2 방향 흐림의 방향(시계 방향, 45도 증분으로 반올림됨). 기본값은 270(왼쪽)입니다. 0 =상단 45 =오른쪽 상단 90 =오른쪽 135 =오른쪽 하단 180 =바닥 225 =왼쪽 하단 270 =왼쪽 315 =왼쪽 상단 예시 다음 코드를 실행하여 섀도우 필터를 구현할 수 있습니다 -

    16. CSS 말하기 구두점 속성

      Speak-punctuation 속성은 구두점을 말하는 방법을 지정합니다. 가능한 값은 - 코드 − 세미콜론, 중괄호 등의 구두점은 문자 그대로 사용해야 합니다. 없음 − 구두점은 말을 하지 않고 자연스럽게 다양한 멈춤으로 표현합니다.

    17. CSS 스트레스 속성

      이 속성은 음성의 억양 윤곽에서 로컬 피크의 높이를 지정합니다. 영어는 강세가 있는 언어이며 문장의 다른 부분에 1차, 2차 또는 3차 강세가 지정됩니다. 가능한 값은 - 숫자 - 0과 100 사이의 값. 값의 의미는 사용되는 언어에 따라 다릅니다. 예를 들어, 영어를 사용하는 표준 남성 음성(평균 음높이 =122Hz)의 50 수준은 정상적인 억양과 강조로 말하는 이탈리아어 음성의 50과 다른 의미를 갖습니다.

    18. CSS 음성 계열 속성

      값은 쉼표로 구분된 우선 순위의 음성 성 이름 목록입니다. 다음 값을 가질 수 있습니다. 일반 음성 − 값은 음성 패밀리입니다. 가능한 값은 남성, 여성 및 어린이입니다. 특정 음성 − 값은 특정 사례(예:코미디언, 트리노이드, 카를로스, 라니)입니다. 예시 음성 계열 속성을 구현하기 위해 다음 코드를 시도할 수 있습니다. − <style>    <!--       h1 { voice-family: announcer, male }      

    19. CSS로 화면 및 인쇄에 대해 다른 글꼴 모음 설정

      다음 예는 화면 및 인쇄에 대해 다른 글꼴 패밀리를 지정합니다. 다음 CSS는 화면과 프린터 모두에 동일한 글꼴 크기를 사용합니다. 예시 <style>    <!--       @media screen {          p.bodyText {font-family:verdana, arial, sans-serif;}       }       @media print { &nbs

    20. CSS를 사용하여 열 레이아웃 만들기

      열 레이아웃을 만들려면 완전한 문서의 여백과 패딩을 다음과 같이 설정합니다. <style>    <!--       body {          margin:9px 9px 0 9px;          padding:0;          background:#FFF;       }     --&g

    Total 1566 -컴퓨터  FirstPage PreviousPage NextPage LastPage CurrentPage:66/79  20-컴퓨터/Page Goto:1 60 61 62 63 64 65 66 67 68 69 70 71 72