تگ بالا ما در CSS ثبت نام می کنیم
تگ های HTML و - جایگزینی و متن پخته شده
تعریف و استفاده
تگ متن جایگزینی را تعیین می کند. متن جایگزینی دارای ارتفاع دو برابر کمتر است و تحت پایه ای ظاهر می شود. در هنگام نوشتن فرمول شیمیایی، می توان متن را می توان مورد استفاده قرار داد، به عنوان مثال H 2 O.
تگ متن پیشرفته را تعریف می کند. متن پودر دارای ارتفاع دو برابر کمتر است و بالاتر از خط پایه ظاهر می شود. متن پوشیده شده را می توان در هنگام نوشتن پانویسها، مانند www استفاده کرد.
مرورگرهای پشتیبانی
برچسب ها و پشتیبانی شده توسط تمام مرورگرهای اصلی.
تفاوت بین HTML و XHTML
ویژگی های استاندارد
ستون DTD نشان می دهد که کدام نوع سند HTML 4.01 / XHTML 1.0 DTD مجاز است. S \u003d Strict، T \u003d transitional و f \u003d frameset.
برچسب ها و پشتیبانی از ویژگی های استاندارد زیر:
صفت | مقدار | شرح | DTD |
---|---|---|---|
کلاس | nameKlassa | نام کلاس را برای عنصر مشخص می کند | STF |
دی. | rtl ltr. |
جهت متن را برای محتویات در عنصر مشخص می کند | STF |
شناسه | مشخص کننده | یک شناسه منحصر به فرد را برای یک مورد نشان می دهد | STF |
لانگ | code_ زبان | کد زبان را برای محتویات مورد مشخص می کند | STF |
سبک. | definder_stile | سبک ساخته شده را برای عنصر مشخص می کند | STF |
عنوان | متن | اطلاعات اضافی در مورد عنصر را مشخص می کند | STF |
xML: لانگ | code_ زبان | کد زبان را برای محتویات عنصر در اسناد XHTML تعریف می کند | STF |
اطلاعات اضافی در مورد ویژگی های استاندارد.
ویژگی های رویدادها
برچسب ها و پشتیبانی از ویژگی های رویداد زیر:
صفت | مقدار | شرح | DTD |
---|---|---|---|
onclick | اسکریپت | اسکریپت، هنگام کلیک کردن بر روی ماوس راه اندازی شد | STF |
ondblclick | اسکریپت | اسکریپت با دوبار کلیک ماوس شروع شد | STF |
onMousedown | اسکریپت | اسکریپت در حال اجرا هنگامی که دکمه ماوس را فشار دهید | STF |
onMouseMove | اسکریپت | اسکریپت در حال حرکت در هنگام حرکت اشاره گر ماوس | STF |
onmouseout | اسکریپت | اسکریپت، زمانی شروع شد که اشاره گر ماوس فراتر از عنصر است | STF |
onmouseover | اسکریپت | اسکریپت، زمانی شروع شد که اشارهگر ماوس در بالای عنصر حرکت می کند | STF |
onmouseUp | اسکریپت | اسکریپت هنگام انتشار دکمه ماوس شروع شد | STF |
onkeyDown | اسکریپت | اسکریپت در حال اجرا زمانی که شما کلید را فشار دهید | STF |
onkeypress | اسکریپت | اسکریپت در حال اجرا زمانی که کلید فشار داده شده و سپس منتشر شد | STF |
onkeyup | اسکریپت | اسکریپت در حال اجرا زمانی که کلید آزاد شده است | STF |
اطلاعات اضافی OBO
شاخص در رابطه با متن، جابجایی نماد نسبت به پایه بالا یا پایین نامیده می شود. بسته به مقدار مثبت یا منفی مثبت، شاخص به ترتیب به ترتیب بالا یا پایین نامیده می شود. آنها به طور فعال در ریاضیات، فیزیک، شیمی مورد استفاده قرار می گیرند و واحدهای اندازه گیری را تعیین می کنند. HTML ارائه می دهد دو عنصر برای ایجاد یک شاخص: (از انگلیسی فوق العاده انگلیسی) - شاخص بالا و (از زیر زیرمجموعه انگلیسی) - شاخص پایین تر. متن قرار داده شده در یکی از این ظروف با اندازه کوچکتر از متن پایه نشان داده شده است و نسبت به آن به بالا یا پایین تغییر می کند. مثال 1 به اشتراک گذاری این عناصر و سبک ها برای تغییر نوع متن را نشان می دهد.
مثال 1. ایجاد شاخص بالا و پایین
معادله مشخصه سطح درجه دوم
λ 3 - من. 1λ 2 + I. 2λ - I. 3 = 0
در مثال، هر دو پایین تر و شاخص بالایی همزمان مواجه می شوند. برای تغییر فونت فونت شاخص، سبک ها مورد استفاده قرار می گیرند که یک طراحی واحد را تعریف می کنند (شکل 1).
شکل. 1. مشاهده شاخص ها پس از اعمال سبک
شما معمولا می توانید از استفاده استفاده کنید و به نفع سبک ها. آنالوگ این عناصر، اموال عمودی است که باعث می شود متن به صورت عمودی به فاصله مشخص شده تغییر کند. به طور خاص، به عنوان مثال، 2، 0.8EM به عنوان یک مقدار برای شاخص بالایی و -0.5em برای پایین تر استفاده می شود. EM یک واحد نسبی برابر با اندازه فونت فعلی است. به عنوان مثال، 0.5EM نشان می دهد که متن باید نیمی از اندازه فونت را تغییر دهد.
مثال 2. استفاده از سبک ها برای مدیریت شاخص ها
درجه چندجملهای n.
f (x) \u003d a 0 + A. 1 x + ... + a n-1 ایکس. n-1 + A. n. ایکس. n.
در مثال، فرمول خود را در اندازه افزایش یافته نمایش داده می شود، نمادهای شاخص بالایی در قرمز نصب می شوند و پایین - آبی (شکل 2).
تبدیل حروف کوچک به حروف کوچک و اولین ثبت نام با استفاده از CSS (8)
در CSS هیچ گزینه ای از پیشنهادات KP وجود ندارد. پاسخ های دیگر ارائه متن تبدیل: Capitalize نادرست است زیرا این پارامتر از آن استفاده می کند هر کلمه برای هر کلمه .
اینجا بی ادب راه برای انجام این کار اگر می خواهید اولین حرف هر عنصر بود در حروف بزرگ، اما این قطعا در هر کجا در کنار محدودیت های واقعی است:
P (تبدیل متن: کوچک؛) P: اولین حرف (تبدیل متن: حروف بزرگ؛)
این یک نمونه شایستگی است.
این یکی دیگر از نمونه های شایستگی است. و این یکی دیگر است، اما کاملا کوچک خواهد بود.
نحوه تبدیل حروف بزرگ به حروف کوچک و اولین حرف بزرگ برای هر جمله، همانطور که در زیر نشان داده شده است، فقط با CSS؟
از جانب: این یک نمونه از یک برنامه است.
به: این یک پیشنهاد نمونه است.
به روز رسانی: هنگامی که من از تبدیل متن استفاده می کنم: Capize؛ نتیجه هنوز هم یکسان است.
شما نمی توانید آن را صرفا با CSS انجام دهید. یک ویژگی تبدیل متن وجود دارد، اما تنها کسی را قبول نمی کند، بزرگنمایی بزرگ، حروف بزرگ، کوچک و به ارث برده می شود.
شما ممکن است بخواهید به راه حل JS یا در راه حل سرور نگاه کنید.
اگر شما می توانید تمام کاراکترها را با حروف کوچک حروف کوچک بر روی سرور انجام دهید، از شما می توانید اعمال کنید:
تبدیل متن: سرمایه گذاری
من فکر نمی کنم که تبدیل متن با حروف بزرگ به عنوان ورودی کار کند.
اگر می خواهید برای استفاده از آن استفاده کنید این کار نخواهد کرد یا منطقه متن شما باید از جاوا اسکریپت استفاده کنید
که باید به خوبی کار کند یا
برای چند درس، ما قبلا با قالب بندی متن توسط CSS پیچیده شده ایم، و این بار ما یاد می گیریم که ثبت نام را تغییر دهیم. در این راستا، ورق های سبک آبشار با فرصت های بسیار گسترده ای باز می شود و اگر دقیق تر باشد، می توانیم:
- کل متن را با حروف بزرگ نمایش دهید؛
- تمام متن را با حروف کوچک حروف برجسته کنید؛
- به طوری که اولین حرف از هر کلمه از ثبت نام برتر آغاز شد.
"این همه، البته، خوب است، اما زمانی که می تواند مورد نیاز باشد؟" - تو پرسیدی. تصور کنید این وضعیت زمانی که شما نیاز به نمایش تمام آیتم های منو با حروف بزرگ است. برای انجام این کار، لازم نیست آنها را تایپ کنید، از جمله کلید CapsLock، یا نگه داشتن دکمه تغییر دکمه. این به اندازه کافی برای تنظیم تمام اقلام صفحه نمایش لیست در حروف بزرگ با ایجاد قانون مناسب در فایل CSS خواهد بود. و این فقط یکی از موارد احتمالی است.
اموال تبدیل متن
ما ثبت نام متن را با استفاده از اموال تبدیل متن مدیریت می کنیم. او دارای 4 ارزش اصلی - حروف بزرگ (حروف بزرگ)، حروف کوچک (حروف کوچک)، capitalize (ثبت نام بالا برای هر حرف اول کلمه اول، مقادیر باقی مانده تغییر نمی کند)، هیچ کدام (قالب بندی اعمال نمی شود). در نگاه اول، شما ممکن است به نظر می رسد بسیار دشوار است.
نکته اصلی این است که نگران نباشید ...
اما در عمل، همه چیز بسیار ساده است، حالا شما چه خبر هستید و مطمئن شوید. نکته اصلی این است که انتخاب درست را انتخاب کنید، زیرا مقادیر اموال تبدیل متن به ارث برده می شود.
انتخاب حروف بزرگ
اول از همه، من پیشنهاد می کنم از کل متن حروف بزرگ بپرسید، زیرا آنچه که ما قوانین CSS زیر را ایجاد می کنیم:
بدن (تبدیل متن: حروف بزرگ؛)
در اصل، هیچ چیز پیچیده نیست، ما فقط از مقدار بزرگ استفاده کردیم. همانطور که می گویند، همه چیز بصری است. این همان چیزی است که در زندگی به نظر می رسد:
همه با یک حرف بزرگ ...
ثبت نام پایین تر - درخواست برای همه
گام بعدی اجازه دهید به طور گسترده ای از حروف کوچک استفاده کنیم، که ما موارد زیر را بنویسیم:
بدن (تبدیل متن: کوچک؛)
همانطور که احتمالا حدس زده اید، دو معانی که ما آن را ملاقات کردیم، در برخی موارد متضاد هستند. و در تصویر زیر می توانید نتیجه اموال را فقط ایجاد کنید.
صفحه وب هنگامی که کوچک است
ما اولین حرف از هر کلمه را به ثبت نام بالا اختصاص می دهیم
برای انجام این کار، ما به اندازه کافی برای استفاده از ارزش مناسب است:
بدن (تبدیل متن: سرمایه؛)
من نمی دانم که چگونه اغلب شما از چنین قانون CSS استفاده می کنید، اما از این فرصت جلوگیری نمی کند، به خصوص در حل مشکلات غیر ضروری. نتیجه در تصویر زیر قابل مشاهده است.
متن پس از اعمال سرمایه گذاری
در نهایت، بیایید به طور خلاصه بر روی آخرین ارزش تمرکز کنیم - هیچ کدام. همانطور که گفتم، می توان آن را می توان برای لغو ارث از والدین استفاده کرد. به عنوان مثال، تصور کنید که ما تمام قوانین قبلی را داریم و برای پاراگراف ها باید آنها را لغو کنیم، زیرا این موارد زیر را می نویسیم:
P (تبدیل متن: هیچ؛)
من جرات می کنم فرض کنم که همه چیز برای شما روشن است اگر نه - از سوالات خود در نظرات بپرسید. و در این مورد من همه چیز را دارم امیدوارم این درس در CSS برای شما مفید باشد. اگر درست باشد:
- این مقاله را در شبکه های اجتماعی بازپرداخت کنید تا مردم بیشتر از آن بهره مند شوند؛
- اشتراک در خبرنامه من به طوری که به دست آوردن نشریات مفید و جالب در وبلاگ.
من خداحافظی نمی کنم با تشکر از توجه شما به جلسه در نشریات زیر!
CSS به شما اجازه می دهد تنظیمات متن انعطاف پذیر را ایجاد کنید که با استفاده از زبان HMTL ارائه شده است. امروز ما عمل ویژگی "Text-transform" را در نظر می گیریم، که به شما امکان می دهد تا ثبت نام فونت را تغییر دهید. این گزینه توسط تمام مرورگرهای مدرن پشتیبانی می شود و در مشخصات تمام نسخه های CSS گنجانده شده است.
هدف
اموال تبدیل متن می تواند سه مقدار اصلی و دو اضافی را مصرف کند. به عنوان مثال، شما می توانید ثبت نام بالا را به کل متن اختصاصی اختصاص دهید. یا شما می توانید فرمان را به اموال قبلی مقابل، که در آن همه کاراکترها به خط تبدیل می شوند. شما می توانید از یک قرار ملاقات با استفاده از هر روش مناسب برای شما استفاده کنید. به عنوان مثال، با استفاده از سبک های جاسازی شده. یا شما می توانید ایجاد کنید
فایل را با توضیحات تمام خواص جدا کنید. چه چیزی برای استفاده از روش تخصیص، تنها شما را حل کنید. "Text-transform" می تواند مقادیر زیر را انجام دهد:
- حروف بزرگ تمام شخصیت های انتخاب شده در سرمایه را می سازد. CSS بزرگ اغلب یافت می شود، زیرا این مقدار به حل بسیاری از وظایف پیچیده مرتبط با متن کمک می کند.
- حروف کوچک این ویژگی کاملا مخالف فرمان بزرگ است.
- سرمایه گذاری کردن ثبت نام از اولین حرف به بالا را تغییر می دهد. شخصیت های باقی مانده تغییر نخواهند کرد.
- هیچ یک. به شما امکان می دهد تمام مقادیر اختصاص داده شده را لغو کنید (لازم است که اموال را از بین ببریم). به عنوان یک قانون، این مقدار به طور پیش فرض تنظیم شده است.
- به ارث می برند. تمام خواص عنصر والدین را به ارث می برد. لازم به ذکر است که یعنی این اموال را پشتیبانی نمی کند.
کاربرد
با استفاده از CSS، ثبت نام بالا (یا اثرات مشابه) با استفاده از یک فرمان ساده نصب شده است. بنابراین، نیازی به تغییر یا بازنویسی تمام متن وجود ندارد. اگر ما در مورد یک سایت یک صفحه صحبت می کنیم، این ویژگی ممکن است مفید نباشد. اما هنگامی که تحت کنترل شما یک پورتال بزرگ است، جایی که شما باید ثبت نام حروف را در قطعات خاص تعمیر کنید، "تبدیل متن" تنها ابزار موثر می شود. به عنوان مثال، شما باید فونت را در برچسب های هدر "H2" تعمیر کنید. برای انجام این کار، یک ورودی اضافه کنید: "H2 (تبدیل متن: حروف بزرگ؛)"، و سپس تمام هدر های سطح دوم ثبت نام بالا.
امکانات
برخی ممکن است باور کنند که پردازش متن دستی و تغییر فونت با استفاده از ویژگی Text-transform، هیچ گونه تفاوت ای ندارد. اما این نیست اگر شما به صورت دستی به حروف بزرگ (ثبت نام بالا) تغییر دهید، سپس هنگام کپی کردن این اطلاعات از سایت خود، شخصیت ها بدون تغییر باقی خواهند ماند. اگر از زبان CSS استفاده می کنید، همه چیز به طور متفاوتی اتفاق می افتد. اموال تبدیل متن تنها به صورت بصری برای کاربران تغییر فونت است. اما در واقع، شخصیت ها بدون تغییر باقی می مانند. این اتفاق می افتد با تمام مقادیر این اموال. اطلاعات کپی (متن) یک ثبت نام اولیه داشته باشید که در کد منبع صفحه استفاده می شود. این تنها تفاوت بین پردازش دستی و استفاده از دستورات CSS است.
مهم نیست که چه چیزی می خواهید استفاده کنید - پایین یا ثبت نام بالا، اصلی ترین چیز، هدف را فراموش نکنید. به عنوان مثال، اگر شما فقط با یک هدف تزئینی مورد نیاز هستید، می توانید با خیال راحت اموال تبدیل متن را اعمال کنید. خوب، اگر می دانید که کاربران شما مطمئنا اطلاعات ارسال شده را کپی خواهند کرد، بهتر است که ثبت نام کل متن را تغییر دهید. پس از همه، گاهی اوقات خوانندگان چنین جایگزینی فونت را متوجه نمی شوند. این به خصوص در مورد اسناد مهم و اطلاعات مشابه بسیار مهم است.