CSS இல் அடுக்கப்பட்ட படிவத்தை உருவாக்குவது எப்படி

சிஎஸ்எஸ் தனித்துவமான மொழிகளுக்கு சொந்தமானது, இது ஸ்டைல் ​​ஷீட் மொழிகள் என்று அழைக்கப்படுகிறது. இது முக்கியமாக உங்கள் வலைப்பக்கத்தின் விளக்கக்காட்சியை வரையறுக்கப் பயன்படுகிறது. உங்கள் பக்கம் எவ்வாறு கட்டமைக்கப்பட வேண்டும் என்பதைக் குறிப்பிட HTML உங்களுக்கு உதவுகிறது என்றாலும், அதை வடிவமைக்க CSS பயன்படுத்தப்படுகிறது. இல்லையெனில், நீங்கள் விரும்பத்தகாத வலைத்தளத்துடன் முடிவடைவீர்கள்.

CSS இல் கவனம் செலுத்துவது உங்கள் வலைத்தளத்தின் முறையீட்டை மேம்படுத்துவதற்கான சிறந்த வழிகளில் ஒன்றாகும், குறிப்பாக உங்கள் பயனர் அனுபவத்தை மேம்படுத்தும் போது. இந்த வழியில், உங்கள் போக்குவரத்தையும் அதிகரிக்கலாம். தொடக்கத்தில், நீங்கள் அடுக்கப்பட்ட படிவத்தைப் பயன்படுத்தலாம்.

---

---

அடுக்கப்பட்ட படிவம் என்றால் என்ன?

அடுக்கப்பட்ட படிவம் ஒரு சிறப்பு வடிவத்தை உருவாக்க உங்களை அனுமதிக்கிறது, அங்கு உங்கள் லேபிள்கள் மற்றும் உள்ளீடுகளை கிடைமட்ட வடிவத்தில் வைப்பதை விட ஒன்றின் மேல் ஒன்றாக வைக்கலாம்.

நீங்கள் அதை எப்படி செய்ய முடியும் என்பது இங்கே.

HTML ஐ குறியிடவும்

HTML உறுப்பைப் பயன்படுத்தவும், , உங்கள் தகவலை செயலாக்க. தொடர்புடைய புலங்களுக்கு லேபிள்களைச் சேர்த்து, பொருத்தமான உள்ளீட்டு புலங்களை ஒதுக்கவும். இந்த எடுத்துக்காட்டில், பயனர்களின் முழு பெயர் மற்றும் மின்னஞ்சல் முகவரியை படிவத்தின் உள்ளீட்டு வகையுடன் வழங்குமாறு கேட்டுக்கொள்கிறோம் உரை , ஒரு கீழ்தோன்றும் மெனு வழியாக உருவாக்கப்பட்டது ஐடியைத் தேர்ந்தெடுக்கவும் அவர்களின் தொழிலைத் தேர்வு செய்ய உதவுவது.

What Is a Stacked Form?

Here's how you create a stacked form.

Full Name

Email Address

Department

Information Technology
Customer Support
Sales

இருப்பினும், இந்த குறியீட்டை இயக்குவது புலங்களை செங்குத்தாக அடுக்காமல் ஒரு சாதுவான வடிவத்தை மட்டுமே உருவாக்கும். நீங்கள் CSS ஐ சேர்க்க வேண்டிய இடம் அது.

---

---

மேக்கில் imessage ஐ எப்படி நீக்குவது

CSS பகுதியை குறியிடவும்

இப்போது, ​​ஒரு தனி ஸ்டைல் ​​ஷீட்டை உருவாக்கி, உங்கள் டேக் -க்கு முன் உங்கள் HTML இல் சேர்க்கவும்:




அடுத்து, உங்கள் HTML இன் உடல், உள்ளீட்டு வகைகள் மற்றும் கொள்கலனைத் தேர்ந்தெடுத்து அவற்றை CSS மூலம் ஸ்டைல் ​​செய்யவும். எழுத்துரு-குடும்பம், அகலம், திணிப்பு, விளிம்பு, காட்சி, எல்லை போன்ற பல்வேறு CSS பண்புகளைப் பரிசோதிப்பது இதில் அடங்கும், மேலும் உங்களுக்கு விருப்பமான மதிப்புகளைச் சேர்க்கவும். இந்த வழியில், உங்கள் சரியான விருப்பங்களுக்கு ஏற்ற அடுக்கப்பட்ட படிவத்தை நீங்கள் முடிப்பீர்கள். இங்கே ஒரு உதாரணம்.

---

---


body {
font-family: Calibri;
}
input[type=text], select {
width: 25%;
padding: 12px 20px;
margin: 8px 10;
display: list-item;
border: 4px double #39A9DB;
border-radius: 8px;
box-sizing: border-box;
}
input[type=submit] {
width: 25%;
background-color: #F8E2E6;
color: #0000FF;
padding: 12px 18px;
margin: 20px 0;
border: none;
border-radius: 6px;
cursor: pointer;
}
div.container {
border-radius: 10px;
background-color: #39A9DB;
padding: 40px;
}


கீழே உள்ள வெளியீட்டைச் சரிபார்க்கவும்.

இப்போது நீங்கள் CSS இல் அடுக்கப்பட்ட படிவத்தை உருவாக்கலாம்

இந்த கட்டுரையின் மூலம், CSS இல் அடுக்கப்பட்ட படிவத்தை எவ்வாறு உருவாக்குவது என்பதை நீங்கள் கற்றுக்கொண்டீர்கள். நடைமுறையில், நீங்கள் உங்கள் படிவங்களைச் செம்மைப்படுத்தி, உங்கள் இணையதளத்தை மேலும் பயனர் நட்பாக மாற்ற முடியும்.

ஆண்ட்ராய்டு போனில் இருந்து நீக்கப்பட்ட புகைப்படங்களை மீட்டெடுக்கவும்

நிரலாக்க விளையாட்டின் பெயர் 'பயிற்சி'. ஸ்டைலான வலை வடிவமைப்பாளர் மற்றும் திறமையான வலை உருவாக்குநராக மாறுவதற்கு கண்காட்சி திட்டங்களுடன் உங்கள் CSS திறன்களை நாளுக்கு நாள் வளர்த்துக் கொள்ளுங்கள்.

பகிர் பகிர் ட்வீட் மின்னஞ்சல் 10 எளிய CSS குறியீடு உதாரணங்கள் நீங்கள் 10 நிமிடங்களில் கற்றுக்கொள்ளலாம்

CSS உடன் உதவி தேவையா? தொடங்குவதற்கு இந்த அடிப்படை CSS குறியீடு எடுத்துக்காட்டுகளை முயற்சிக்கவும், பின்னர் அவற்றை உங்கள் சொந்த வலைப்பக்கங்களுக்குப் பயன்படுத்தவும்.

அடுத்து படிக்கவும் தொடர்புடைய தலைப்புகள்

• நிரலாக்க
• இணைய மேம்பாடு
• CSS

எழுத்தாளர் பற்றி உஸ்மான் கனி(4 கட்டுரைகள் வெளியிடப்பட்டன)

உஸ்மான் ஒரு உள்ளடக்க சந்தைப்படுத்துபவர், அவர் டிஜிட்டல் தளங்களில் கரிம வளர்ச்சியுடன் பல வணிகங்களுக்கு உதவியுள்ளார். அவர் நிரலாக்க மற்றும் எழுத்து இரண்டையும் விரும்புகிறார், அதாவது தொழில்நுட்ப எழுத்து அவர் மிகவும் ரசிக்கிறார். வேலை செய்யாத போது, ​​உஸ்மான் தொலைக்காட்சி நிகழ்ச்சிகளைப் பார்ப்பதற்கும், கிரிக்கெட்டைப் பின்பற்றுவதற்கும், தரவு பகுப்பாய்வுகளைப் படிப்பதற்கும் நேரம் செலவிடுகிறார்.

உஸ்மான் கானியிடமிருந்து மேலும்

எங்கள் செய்திமடலுக்கு குழுசேரவும்

தொழில்நுட்ப குறிப்புகள், மதிப்புரைகள், இலவச மின் புத்தகங்கள் மற்றும் பிரத்யேக ஒப்பந்தங்களுக்கு எங்கள் செய்திமடலில் சேரவும்!

குழுசேர இங்கே சொடுக்கவும்