初识CSS_html/css_WEB-ITnose
<strong> CSS全称Cascading Style Sheets，即级联样式表</strong>
<strong> CSS是一种表示文件样式的语言,也可以说是用户看到的界面,是一种真正能做到表现与内容的分离的语言</strong>
<strong> 一、基本语法</strong>
<strong> 规则:CSS规则主要由选择器以及一条或多条声明组成</strong>
<strong> 选择器:就是定义在代码段中的标签，用来作为CSS识别的标记</strong>
<strong> 声明就是要对选择器中的内容设置的格式</strong>
<strong> 实例：</strong>
<strong> 在代码段中设置选择器如下，Style用来标记文字“提高班”</strong>
<pre class='brush:php;toolbar:false;'><strong> <div id="style">提高班</id></strong>
<strong> 那么在CSS中可以根据选择器来设置文字“提高班”的格式</strong>
<strong> #style{</strong><strong>font-size:12px;</strong>
<strong>text-decoration:underline;</strong>
<strong> color:#fff;</strong>
<strong> 这样就可以设置文字“提高班”的字号，下划线和字体颜色了</strong>
<strong> 这样看来，CSS也体现了面向对象抽象的思想，把对文件的设置抽象出来，通过CSS语言来实现，从而减</strong>
<strong> 少了web代码的负担，而且在更在样式的时候也会很方便，可以通过对一类文件做好标记，统一修改即可。</strong>
<strong> 二、使用方法</strong>
<strong> 以上说的是CSS的基本语法，但是在具体使用样式表时会有多种方法，主要有一下方法</strong>
<strong> 1.外联式Linking：将网页链接到外部样式表</strong>
<strong> <head><link href="css/common.css" rel="stylesheet" /></head></strong>
<strong> 这个样式就是牛腩在没词新建一个web层，首先要做的工作，就是公共样式表拖到新建的web中</strong>
<strong> 优点：当样式需要被用到很多页面的时候，可以通过外联式改变一个文件夹达到改变多个页面的效果</strong>
<strong> 2.内联式Inline：顾名思义，它就是内嵌到网页各个元素中</strong>
<strong> </strong><pre name="code" class="n"><p style="color: red; margin-left: 20px"> This is a paragraph </p>
<strong> 当网页中一些特殊的样式要应用到个别元素时就可以使用内嵌式，直接在代码中写即可</strong>
<strong> 3.嵌入式Embedding：在网页上穿件嵌入的样式表</strong>
<strong> </strong><pre name="code" class="n"><head><style type="text/css"> body {background-color: red} p {margin-left: 20px}</style></head><strong> 对单个文件嵌入特别的样式时可以用嵌入式样式表</strong>
<strong> 内联式和嵌入式区别</strong>
<strong> 个人认为两个最大的区别在于作用的范围不同，内联式是作用于个别元素而嵌入式作用于文件，两者</strong>
<strong> 的本质都是一样的，都是嵌入在网页中</strong>
<strong> 三、小结</strong>
<strong> CSS作为一种样式设计语言，它的精确度是非常高的，从牛腩中我们就可以发现，可以精确到单位像素</strong>
<strong> 而且它还几乎设置所有的文字样式，有很强的易读性</strong>
<strong> 以上只是CSS知识的九牛一毛，关于CSS的内容还有很多需要去学习，后续会有对选择器及CSS核心内容</strong>
<strong> 的总结</strong>
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7549
15
1382
52
83
11
58
19
22
90
& lt; Progress & Gt의 목적은 무엇입니까? 요소?
Mar 21, 2025 pm 12:34 PM
이 기사는 HTML & lt; Progress & Gt에 대해 설명합니다. 요소, 그 목적, 스타일 및 & lt; meter & gt의 차이; 요소. 주요 초점은 & lt; progress & gt; 작업 완료 및 & lt; meter & gt; Stati의 경우
& lt; datalist & gt의 목적은 무엇입니까? 요소?
Mar 21, 2025 pm 12:33 PM
이 기사는 HTML & LT; Datalist & GT에 대해 논의합니다. 자동 완성 제안을 제공하고, 사용자 경험을 향상시키고, 오류를 줄임으로써 양식을 향상시키는 요소. 문자 수 : 159
& lt; meter & gt의 목적은 무엇입니까? 요소?
Mar 21, 2025 pm 12:35 PM
이 기사는 HTML & lt; meter & gt에 대해 설명합니다. 범위 내에 스칼라 또는 분수 값을 표시하는 데 사용되는 요소 및 웹 개발의 일반적인 응용 프로그램. & lt; meter & gt; & lt; Progress & Gt; 그리고 Ex
뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까?
Mar 20, 2025 pm 05:56 PM
이 기사는 모바일 장치의 반응 형 웹 디자인에 필수적인 Viewport Meta Tag에 대해 설명합니다. 적절한 사용이 최적의 컨텐츠 스케일링 및 사용자 상호 작용을 보장하는 방법을 설명하는 반면, 오용은 설계 및 접근성 문제로 이어질 수 있습니다.
& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까?
Mar 20, 2025 pm 06:05 PM
이 기사는 & lt; iframe & gt; 외부 컨텐츠를 웹 페이지, 공통 용도, 보안 위험 및 객체 태그 및 API와 같은 대안을 포함시키는 태그의 목적.
HTML은 초보자를 위해 쉽게 배우나요?
Apr 07, 2025 am 12:11 AM
HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.
HTML, CSS 및 JavaScript의 역할 : 핵심 책임
Apr 08, 2025 pm 07:05 PM
HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.
HTML의 시작 태그의 예는 무엇입니까?
Apr 06, 2025 am 12:04 AM
anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.
