प्रौद्योगिकी साझेदारी

पृष्ठेषु CSS इत्यस्य उपयोगः त्रयः उपायाः भवन्ति : इनलाइन् शैल्याः, एम्बेडेड् स्टाइल् शीट्, लिङ्क्ड् स्टाइल् शीट् च

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

पृष्ठेषु CSS शैल्याः कथं उपयोगः भवति इति त्रीणि पद्धतयः समाविष्टाः सन्ति : इनलाइनशैल्याः, एम्बेडेड् शैल्याः पत्रिकाः, लिङ्क्ड् शैलीपत्राणि च ।

1. अन्तर्रेखाशैली

इनलाइनशैली तुल्यकालिकरूपेण प्रत्यक्षशैली अस्ति, सा प्रत्यक्षतया HTML टैग् इत्यस्य अन्तः परिभाषिता, शैलीविशेषतायाः माध्यमेन कार्यान्विता च । एषा पद्धतिः सुलभतया ज्ञातुं शक्यते, परन्तु अतीव लचीला नास्ति ।

【उदाहरण】पृष्ठं नियन्त्रयितुं इनलाइनशैल्याः प्रयोजयन्तु ।

  1. <!-- 在页面元素中定义CSS样式 -->
  2. <p style="font-size: 36px; color:red">您好，欢迎访问 pan_junbiao的博客</p>
  3. <p style="font-size: 24px; font-weight: bold;">您好，欢迎访问 pan_junbiao的博客</p>
  4. <p style="font-size: 18px; font-style: italic">您好，欢迎访问 pan_junbiao的博客</p>
  5. <p style="font-size: 14px; text-decoration: line-through;">您好，欢迎访问 pan_junbiao的博客</p>

अस्य परिणामाः : १.

2. एम्बेडेड् स्टाइल शीट्

एम्बेडेड् स्टाइल् शीट् इत्यस्य उपयोगः भवति <style>...</style> टैग्स् पृष्ठे CSS शैल्याः समाविष्टाः सन्ति ।

【उदाहरण】पृष्ठानां शैलीं कर्तुं एम्बेडेड् स्टाइल् शीट् इत्यस्य उपयोगं कुर्वन्तु ।

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="author" content="pan_junbiao的博客">
  6.     <title>CSS在页面中使用的三种方式</title>
  7.     
  8.     <!-- 内嵌式样式表 -->
  9.     <style type="text/css">
  10.         h1, h2, h3{
  11.             font-family: Tahoma, Geneva, sans-serif; /*定义字体*/
  12.             color: blue; /*文字颜色*/
  13.         }
  14.     </style>
  15. </head>
  16. <body>
  17.     <h1>大风起兮云飞扬</h1>
  18.     <h2>威加海内兮归故乡</h2>
  19.     <h3>安得猛士兮守四方</h3>
  20. </body>
  21. </html>

अस्य परिणामाः : १.

3. लिङ्क्ड् स्टाइल् शीट्

बाह्य CSS शैलीपत्रेण सह लिङ्क् करणं शैलीपत्रस्य सन्दर्भस्य सर्वाधिकं सामान्यः उपायः अस्ति ।प्रथमं पृथक् सञ्चिकायां CSS शैलीं परिभाषयन्तु, ततः HTML पृष्ठे पारयन्तु<link> तान् सन्दर्भयितुं टैग्स्, एषः CSS शैल्याः उपयोगस्य सर्वाधिकं कार्यक्षमः उपायः अस्ति ।

<link>टैगस्य वाक्यविन्याससंरचना निम्नलिखितरूपेण अस्ति ।

<link rel='stylesheet' href='path' type='text/css'>

rel: बाह्यदस्तावेजस्य आह्वानदस्तावेजस्य च सम्बन्धः ।

href: CSS दस्तावेजस्य निरपेक्षः अथवा सापेक्षः मार्गः ।

type: बाह्यसञ्चिकायाः ​​MIME प्रकारः

【उदाहरण】पृष्ठे CSS शैल्याः सन्दर्भं कुर्वन्तु ।

(1) css निर्देशिकां रचयन्तु, ततः निर्देशिकायां css.css शैलीसञ्चिकां रचयन्तु ।

  1. /*定义CSS样式 */
  2. h1,h2,h3{								
  3.     color:#6CFF;
  4.     font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  5. }
  6.  
  7. p{
  8.     color:#F0CC;	/*定义颜色*/
  9.     font-weight:200;
  10.     font-size:24px;	 /*设置字体大小*/
  11. }

(2) पृष्ठे उत्तीर्णं कुर्वन्तु<link> टैग्स् पृष्ठे CSS शैल्याः सञ्चिकाः परिचययति ।

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="author" content="pan_junbiao的博客">
  6.     <title>CSS在页面中使用的三种方式</title>
  7.  
  8.     <!--页面引入CSS样式表-->
  9.     <link rel="stylesheet" type="text/css" href="/css/css.css">		
  10. </head>
  11. <body>
  12.     <h2>春夜喜雨</h2>
  13.     <p>好雨知时节，当春乃发生。</p>
  14. </body>
  15. </html>

अस्य परिणामाः : १.

 

4. शैलीपत्रकॉलस्य प्राथमिकता

शैलीपत्रकस्य आह्वानस्य प्राथमिकताक्रमः निम्नलिखितसिद्धान्तान् अनुसरति ।

(१) इनलाइनशैल्या परिभाषितशैल्याः सर्वोच्चप्राथमिकता भवति ।

(2) अन्यशैल्याः HTML सञ्चिकायां यस्मिन् क्रमे दृश्यन्ते वा सन्दर्भिताः वा सन्ति तस्मिन् क्रमेण सामीप्यसिद्धान्तस्य अनुसरणं कुर्वन्ति ।

(३) चयनकर्तानां प्राथमिकताक्रमः वंशजचयनकः, वर्गचयनकः, आईडीचयनकः, प्राथमिकता च क्रमेण न्यूनीभवति ।

(4) कस्यापि सञ्चिकायां न परिभाषिताः शैल्याः ब्राउजर् इत्यस्य पूर्वनिर्धारितशैल्याः अनुसरणं करिष्यन्ति ।

व्यक्तिगत प्रोफाइल

सः ३० वर्षाणाम् अधिकं कालात् प्रौद्योगिक्याः शोधकार्यं कर्तुं समर्पितः अस्ति, तथा च जावा, लिनक्स, जावास्क्रिप्ट्, php, css इत्यादिषु विविधभाषासु प्रवीणः अस्ति, मुक्तस्रोतक्षेत्रे सः बहु योगदानं कृतवान् अस्ति विकासक दस्तावेजीकरणस्थानकं भविष्ये सन्दर्भार्थं प्रौद्योगिकीविकासे केचन विषयाः साझां कर्तुं सर्वे तत् पश्यन्तु

मम सम्पर्कसूचना

मेल