مهمترین سوالات HTML5 – CSS با جواب

اگر شما هم از آن دسته توسعه‌ دهندگان وب هستید که به دنبال سنجش دانش فنی خود یا آماده‌ سازی برای مصاحبه‌ های شغلی هستید، این پست برای شماست. HTML5 و CSS3 پایه و اساس دنیای طراحی وب هستند و تسلط بر مفاهیم کلیدی آنها، نه‌ تنها یک امتیاز محسوب می‌شود، بلکه یک ضرورت است.

در اینجا مجموعه‌ای از مهم‌ ترین و پرتکرارترین سوالات چهارگزینه‌ای HTML5 و CSS را گردآوری کرده‌ ایم که مباحثی از جمله Semantic Tags، Flexbox، Grid، انیمیشن‌ ها، رسپانسیو کردن وبسایت و ده‌ ها مفهوم کاربردی دیگر را پوشش می‌ دهد. این آزمون به شما کمک می‌ کند تا دانش خود را محک بزنید و نقاط قوت و ضعفتان را بهتر بشناسید.

این مجموعه از مهمترین سوالات HTML5 – CSS هستند که باید حتما قبل از آزمون مطالعه نمایید:

– کدام گزینه برای افزودن افکت به تصاویر در CSS3به کار میرود؟
effect
filter
shadow
image-effect

-ویژگی required در تگ <input> چه کاربرهایی دارند؟
الف- فیلدها را فقط خواندنی میکند
ب- ارسال فرم بدون پر کردن آن را غیرممکن میسازد
ج- محتوای فیلد را مخفی میکند
د- فیلدها را غیرفعال می کند

-کدام گزینه برای تنظیم فاصله داخلی در CSSبه کار میرود؟
margin
padding
spacing
border

-کدام گزینه برای ساخت طرح بندی پاسخگو در CSS3به کار می رود؟
responsive-layout
flexbox
grid-layout
layout-style

-کدام یک از این خاصیتها برای ایجاد سایه در CSS3به کار میرود
shadow-effect
box-shadow
effect-shadow
outline

-ویژگی target=” _blank” در تگ <a> چه کاربرد دارد
الف) لینک را در تب جدید باز میکند
ب) لینک را غیرفعال میکند
ج) لینک را در همان تب بارگذاری می کند
د) لینک را به ایمیل ارسال می کند

-کدام ویژگی برای تعیین رنگ متن در CSS3به کار می رود؟
color
font-color
text-color
fill-color

-کدام ویژگی برای قرار دادن تصویر در پس زمینه CSSبه کار می رودد
background-image
image-background
bg-img
img-background

-تگ <progress> برای نمایش چه نوع داده مناسب است؟
الف- درصد تکمیل یک وظیفه
ب- حجم دانلود فایلها
ج- امتیاز کاربرها
د- زمان باقی مانده

برای دانلود پاسخنامه سوالات HTML5 – CSS اینجا کلیک کنید

-کدام ویژگی برای ایجاد نمای ریسپانسیو در CSSبه کار میرود؟
viewport
screen-size
media-size
responsive-size

-تگ <video> در HTML از کدوم ویژگی برای پخش کردن خودکار ویدیو و فیلم استفاده میکند
الف- controls
ب- autoplay
ج- loop
د- muted

-کدام ویژگی برای تنظیم استایل دکمه ها در CSSبه کار می رو
button-style
border-radius
button-shape
shape

-ویژگیهای autocomplete=”off” در تگ <form> چه تاثیراتی دارد؟
الف) غیرفعال کردن ذخیره خودکار دادهها
ب) بالابردن سرعت بارگذاری فرمها
ج) مخفی کردن فیلدهای فرمها
د) اعتبارسنجی سمت کاربران

-کدام  ویژگی برای ایجاد یک فیلتر CSSبه کار می رود؟
filter
effect
style
transform

-کدام ابزار برای ویرایش CSSبه کار می رود؟
Code Visual Studio
Photoshop
Notepad
Excel

-کدام خاصیت برای ایجاد یک جعبه محاطی در CSSبه کار می رود؟
box-shadow
border
outline
frame

-کدام ویژگی برای تعیین نوع قلم در CSS3به کار می رود؟
font-family
font-type
text-font
typeface

-کدام تگ برای ساختن منوی کشویی dropdown در فرمها مناسب است ؟
الف <select>
ب <datalist>
ج <optgroup>
د <textarea>

-کدام خاصیت برای ایجاد افکت شفافیت در CSS3به کار می رود؟
opacity
transparency
visibility
clear

-کدام یک از ویژگی های CSS3برای طراحی گرید استفاده می شود؟
grid-template-columns
flex-direction
display: inline
column-count

-کدام یک از ویژگی های CSS3برای ایجاد انیمیشن به کار می رود؟
transition
transform
animation
keyframe

-کدام ویژگی برای تعریف الگوی چیدمان در CSSاستفاده می شود؟
layout
grid
display
structure

-کدام ویژگی برای تغییر رنگ پس زمینه یک عنصر استفاده می شود؟
bg-color
background-color
color-bg
back-color

-کدام ویژگی های CSSبرای تنظیم فضای خالی بین عناصر استفاده می شود؟
padding
margin
space
border

-کدام یک از ویژگی های CSSبرای تنظیم چیدمان عناصر به صورت افقی یا عمودی استفاده می شود؟
layout
flex
position
display

-کدام یک از ویژگی های CSSبرای تعریف رنگ حاشیه ( )borderاستفاده می شود؟
border-color
border-style
border-width
border-style

-کدام یک از ویژگی های CSSبرای تعیین فاصله بین خط ها استفاده می شود؟
line-height
height
margin
padding

-کدام ویژگی های CSSبرای ایجاد ترانزیشن بین دو حالت مختلف استفاده می شود؟
transition
effect
animate
change

-کدام ویژگی ها برای ایجاد یک طرح چند ستونی در CSSاستفاده می شود؟
column-count
multi-column
columns
layout

-کدام گزینه ها برای تغییر ترتیب نمایش عناصر در CSSاستفاده می شود؟
order
display
sort
align

-کدام ویژگی های CSSبرای تنظیم فضا بین متن و حاشیه عنصر استفاده می شود؟
margin
padding
space
border

-کدام یک از این ویژگی ها برای تعیین رنگ متن استفاده می شود؟
text-color
color
font-color
text-fill

-کدام یک ویژگی ها برای تعیین چیدمان ( )layoutصفحه در CSSاستفاده می شود؟
layout
position
display
structure

-کدام یک از ویژگی های CSSبرای ایجاد افکت ترانزیشن استفاده می شود؟
transition
animation
effect
change

-کدام یک از این ویژگی ها برای تنظیم نحوه نمایش عناصر در CSSاستفاده می شود؟
display
visibility
position
float

-کدام گزینه برای افزودن سایه به متن در CSSاستفاده می شود؟
text-shadow
shadow
font-shadow
text-effect

-تگ<canvas> در HTML عمدتا برای چه کارهایی استفاده میشه؟
الف) نمایش متن های متحرک
ب)رسم گرافیک های پویا با جاوا اسکریپت
ج) ساختن جدولهای داده ای
د)تعریف فرم های ورودی

-کدوم ویژگی attribute در تگ <img>برای بهتر شدن دسترسی‌ (accessibility) ضروریه
src
alt
width
style

امیدواریم این مجموعه سوال و جواب، چالش مفیدی برای شما بوده و بتواند نقشه‌ راهی برای مرور و تقویت دانشتان در زمینه HTML5 و CSS باشد. به خاطر داشته باشید که یادگیری فرآیندی مستمر است. اگر در پاسخ به برخی سوالات به مشکل برخوردید، نگران نباشید! این بهترین فرصت برای مراجعه به مستندات و عمیق‌ تر کردن یادگیری شماست.