طراحی سایت

در css سلکتورهایی وجود دارا‌هستند که وضعیت خاصی را می بایست برای آنان درون کد نوشت . مثلا تعیین کننده marker یکی‌از این تعیین کننده‌ها میباشد که طراحی سایت در مشهد در درون پروژه های ساخت سایت ممکن میباشد به آن نیاز داشته باشید ولی هنوز از وجود اینگونه تعیین کننده‌ای در طراحی وب سایت خبر ندارید . مطمئنا کلیه شما لیست‌ها را در یک اینترنت‌تارنما میشناسید که عموما ظاهری به صورت ذیل دارا هستند : نصیب marker در درون پروژه‌های ساخت وب سایت جهت ساخت‌و‌ساز تغییر و تحول برای نصیب list style های تگ های li کاربرد دارااست . وقتی که شما استایل خاصی را برای بخش list style در زمینه ی تگ های li تغییر و تحول نداده باشید ، به صورت پیشفرض ، یک آرم دایره مشکی کنار گزینه های لیست اکران داده می شود . در اکثری از تارنما‌ها به دلیل آن که گزینه های دایره در کنار مورد های لیست نمای خیر و خوبی ندارد آن را به وسیله فرمان تحت حذف می‌نمایند :

li{
list-style:none;
}
هنگامی که‌این امر برای کلیه تگ های li در وبسایت جاری ساختن گردد و وقتی که از li به کارگیری فرمایید ، دیگر دایره های خرد در کنار لیست مورد ها اکران داده نمیشود و در صورتی‌که احیانا در مکان دیگری نیاز بود که‌این دایره‌ها همان marker ها که گاها به آن ها بولت نیز گفته می گردد دوباره اکران داده گردد بایستی فرمان پایین را بنویسید ( به عنوان مثال برای li هایی که باطن یک div با کلاس خاص می باشند ) :

.first-div li {
list-style:circle;
}
دقت داشته باشید که بخش marker برای لیست های غیرترتیبی ( ul ) انجام میگردد به این دلیل‌که در لیست های ترتیبی ( ol ) ، شماره های هر مورد در کنار آن جای دارد و به نوعی ترتیب خاصی درین لیست‌ها مدنظر میباشد و یا این که برای شمارش مورد ها ، می بایست شماره هر مورد در کنار آن باشد ، لذا قابلیت و امکان استایل دهی به نصیب مارکر در لیست های ترتیبی عملا نیست .

پیشنهادی : یادگرفتن سلکتور selection:: در css
البته در لیست های غیرترتیبی که ساختار آن ها در گویش html بصورت ul و li میباشد ، شماره‌های هر مورد درکنار آنان چاپ نمی شود و به همین ادله بجای این شماره‌ها ، marker هایی در کنار li های شما قرار خواهد گرفت .

خصوصیت marker به چه نصیب هایی استایل خواهد بخشید ؟
همان طور که خودتان تا به امروز متوجه شدید ، خصوصیت marker برای تغییر‌و تحول در استایل به عبارتی marker ها یا این که بولت های دایره شکلی میباشد که کنار لیست مورد ها اکران داده می‌گردد . شاید چنین تصور می‌کردید که‌این بخش به صورت پیشفرض به وسیله خویش مرورگر اضافه می شود و صرفا می‌اقتدار صورت و شمایل آن را بوسیله فرمان list-style تغییر تحول اعطا کرد . برای تغییر و تحول مارکر های li یک مثال فرمان قادر است به صورت ذیل باشد :

li::marker {
content: \'✝\';
font-size: 1.2em;
}
اعتنا داشته باشید که درین کد وجود قسمت content بسیار اساسی میباشد و می بایست این نصیب را درون کدخودتان به صدق تهیه و تنظیم فرمائید . از تصاویر نیز می توانید برای این نصیب به امداد قرار دادن فرمان url در درون قسمت content به کار گیری نمایید .

مواقعی که میتوان درون امر marker بهره مند شد به گستردن تحت میباشد :

All font properties
The white-space property
color
text-combine-upright, unicode-bidi, and direction properties
The content property
All animation and transition properties
همان می‌قدرت از خصوصیت‌های مرتبط با font ، خصوصیت های مرتبط با قسمت white-space ، خصوصیت های نصیب color یا این که به عبارتی رنگ ، خصوصیت های نصیب direction ، خصوصیت content و حتی قسمت های کارتون و transation استفاده نمود . اینک این مفاد بوسیله امر marker جانبداری می گردد و احتمال اضافه شدن اوامر دیگری نیز در آجل بدین قسمت وجود داراست .

دقت داشته باشید که‌این خصوصیت به وسیله همه مرورگرهای بروز امان می گردد . از جمله در مرورگر chrome و Edge از ورژن 86 به بالا و در فایرفاکس از ورژن 68 به بالا دفاع می‌گردد . لذا بایستی توجه کرد که در حالتی که در مرورگرهای کهن و بخصوص IE این خصوصیت را آزمایش نمایید شاید در استایل های خویش با خلل روبرو گردید .

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

در css سلکتورهایی وجود دارا‌هستند که وضعیت خاصی را می بایست برای آنان درون کد نوشت . مثلا تعیین کننده marker یکی‌از این تعیین کننده‌ها میباشد که طراحی سایت در مشهد در درون پروژه های ساخت سایت ممکن میباشد به آن نیاز داشته باشید ولی هنوز از وجود اینگونه تعیین کننده‌ای در طراحی وب سایت خبر ندارید . مطمئنا کلیه شما لیست‌ها را در یک اینترنت‌تارنما میشناسید که عموما ظاهری به صورت ذیل دارا هستند : نصیب marker در درون پروژه‌های ساخت وب سایت جهت ساخت‌و‌ساز تغییر و تحول برای نصیب list style های تگ های li کاربرد دارااست . وقتی که شما استایل خاصی را برای بخش list style در زمینه ی تگ های li تغییر و تحول نداده باشید ، به صورت پیشفرض ، یک آرم دایره مشکی کنار گزینه های لیست اکران داده می شود . در اکثری از تارنما‌ها به دلیل آن که گزینه های دایره در کنار مورد های لیست نمای خیر و خوبی ندارد آن را به وسیله فرمان تحت حذف می‌نمایند :

li{
list-style:none;
}
هنگامی که‌این امر برای کلیه تگ های li در وبسایت جاری ساختن گردد و وقتی که از li به کارگیری فرمایید ، دیگر دایره های خرد در کنار لیست مورد ها اکران داده نمیشود و در صورتی‌که احیانا در مکان دیگری نیاز بود که‌این دایره‌ها همان marker ها که گاها به آن ها بولت نیز گفته می گردد دوباره اکران داده گردد بایستی فرمان پایین را بنویسید ( به عنوان مثال برای li هایی که باطن یک div با کلاس خاص می باشند ) :

.first-div li {
list-style:circle;
}
دقت داشته باشید که بخش marker برای لیست های غیرترتیبی ( ul ) انجام میگردد به این دلیل‌که در لیست های ترتیبی ( ol ) ، شماره های هر مورد در کنار آن جای دارد و به نوعی ترتیب خاصی درین لیست‌ها مدنظر میباشد و یا این که برای شمارش مورد ها ، می بایست شماره هر مورد در کنار آن باشد ، لذا قابلیت و امکان استایل دهی به نصیب مارکر در لیست های ترتیبی عملا نیست .

پیشنهادی : یادگرفتن سلکتور selection:: در css
البته در لیست های غیرترتیبی که ساختار آن ها در گویش html بصورت ul و li میباشد ، شماره‌های هر مورد درکنار آنان چاپ نمی شود و به همین ادله بجای این شماره‌ها ، marker هایی در کنار li های شما قرار خواهد گرفت .

خصوصیت marker به چه نصیب هایی استایل خواهد بخشید ؟
همان طور که خودتان تا به امروز متوجه شدید ، خصوصیت marker برای تغییر‌و تحول در استایل به عبارتی marker ها یا این که بولت های دایره شکلی میباشد که کنار لیست مورد ها اکران داده می‌گردد . شاید چنین تصور می‌کردید که‌این بخش به صورت پیشفرض به وسیله خویش مرورگر اضافه می شود و صرفا می‌اقتدار صورت و شمایل آن را بوسیله فرمان list-style تغییر تحول اعطا کرد . برای تغییر و تحول مارکر های li یک مثال فرمان قادر است به صورت ذیل باشد :

li::marker {
content: \'✝\';
font-size: 1.2em;
}
اعتنا داشته باشید که درین کد وجود قسمت content بسیار اساسی میباشد و می بایست این نصیب را درون کدخودتان به صدق تهیه و تنظیم فرمائید . از تصاویر نیز می توانید برای این نصیب به امداد قرار دادن فرمان url در درون قسمت content به کار گیری نمایید .

مواقعی که میتوان درون امر marker بهره مند شد به گستردن تحت میباشد :

All font properties
The white-space property
color
text-combine-upright, unicode-bidi, and direction properties
The content property
All animation and transition properties
همان می‌قدرت از خصوصیت‌های مرتبط با font ، خصوصیت های مرتبط با قسمت white-space ، خصوصیت های نصیب color یا این که به عبارتی رنگ ، خصوصیت های نصیب direction ، خصوصیت content و حتی قسمت های کارتون و transation استفاده نمود . اینک این مفاد بوسیله امر marker جانبداری می گردد و احتمال اضافه شدن اوامر دیگری نیز در آجل بدین قسمت وجود داراست .

دقت داشته باشید که‌این خصوصیت به وسیله همه مرورگرهای بروز امان می گردد . از جمله در مرورگر chrome و Edge از ورژن 86 به بالا و در فایرفاکس از ورژن 68 به بالا دفاع می‌گردد . لذا بایستی توجه کرد که در حالتی که در مرورگرهای کهن و بخصوص IE این خصوصیت را آزمایش نمایید شاید در استایل های خویش با خلل روبرو گردید .

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