[] [] எளிய தமிழில் CSS து.நித்யா Cascading Style Sheets இணையப் பக்கங்களை அழகாக வடிவமைக்கும் ஒரு நுட்பம். கணினிக்கேற்ற வலை வடிவமைப்போடு கைபேசிக் கருவிகளுக்கான வலைத்தளங்கள், செயலிகள் உருவாக்கத்திலும் CSS பெரும்பங்கு வகிக்கிறது. இதை, இந்த நூல் எளிமையாக அறிமுகம் செய்கிறது. தமிழில் கட்டற்ற மென்பொருட்கள் பற்றிய தகவல்களை "கணியம்" மின் மாத இதழ், 2012 முதல் வெளியிட்டு வருகிறது.இதில் வெளியான CSS பற்றிய கட்டுரைககளை இணைத்து ஒரு முழு புத்தகமாக வெளியிடுவதில் பெரு மகிழ்ச்சி கொள்கிறோம். உங்கள் கருத்துகளையும், பிழை திருத்தங்களையும் editor@kaniyam.com க்கு மின்னஞ்சல் அனுப்பலாம். http://kaniyam.com/learn-css-in-tamil-ebook என்ற முகவரியில் இருந்து இந்த நூலை பதிவிறக்கம் செய்யலாம். உங்கள் கருத்துகளையும் இங்கே பகிரலாம். படித்து பயன் பெறவும், பிறருடன் பகிர்ந்து மகிழவும் வேண்டுகிறோம். கணியம் இதழை தொடர்ந்து வளர்க்கும் அனைத்து அன்பர்களுக்கும் எமது நன்றிகள். த.சீனிவாசன் tshrinivasan@gmail.com ஆசிரியர் கணியம் editor@kaniyam.com எளிய தமிழில் CSS முதல் பதிப்பு ஜனவரி 2016 பதிப்புரிமம் © 2016 கணியம். ஆசிரியர் - து.நித்யா - nithyadurai87@gmail.com பிழை திருத்தம்: த.சீனிவாசன் - tshrinivasan@gmail.com வடிவமைப்பு: த.சீனிவாசன் அட்டைப்படம் - மனோஜ் குமார் - socrates1857@gmail.com இந்த நூல் கிரியேடிவ் காமன்ஸ் என்ற உரிமையில் வெளியிடப்படுகிறது . இதன் மூலம், நீங்கள் - யாருடனும் பகிர்ந்து கொள்ளலாம். - திருத்தி எழுதி வெளியிடலாம். - வணிக ரீதியிலும்யன்படுத்தலாம். ஆனால், மூலப் புத்தகம், ஆசிரியர் மற்றும் www.kaniyam.com பற்றிய விவரங்களை சேர்த்து தர வேண்டும். இதே உரிமைகளை யாவருக்கும் தர வேண்டும். கிரியேடிவ் காமன்ஸ் என்ற உரிமையில் வெளியிட வேண்டும். நூல் மூலம் : http://static.kaniyam.com/ebooks/learn-css-in-tamil/learn-css-in-tamil.odt License This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 Unported License. [] [] அழகான இணைய தள வடிவமைப்புகளின் அடிப்படைகளைப் பற்றி கற்க முற்பட்டபோது http://www.csszengarden.com என்ற தளத்தைப் பற்றி அறிந்தேன். சில பத்திகளைக் கொண்ட ஒரு வலைப்பக்கத்திற்கு CSS எனும் நுட்பம் மூலம் பலநூறு அழகிய வடிவமைப்புகள் உருவாக்கப்பட்டு வருவதைக் கண்டு வியந்தேன். நான் CSS கற்ற போது எழுதிய குறிப்புகளைக் கொண்டு கணியம் இதழில் தொடராக எழுதினேன். அதே தொடர் இப்போது மின்னூலாக வெளியிடப்படுவது மிக்க மகிழ்ச்சி. தமிழில் கணிணி நுட்பங்களைப் பகிர, ஒரு களமாக உள்ள 'கணியம்' தளத்தில், இதுவரை வெளியான எனது மின்னூல்களுக்கு வாசகர்கள் தரும் ஆதரவு பெருமகிழ்ச்சி அளிக்கிறது. “தேமதுரத் தமிழோசை உலகெல்லாம் பரவும் வகை செய்தல் வேண்டும்” “பிற நாட்டு நல்லறிஞர் சாத்திரங்கள் தமிழ் மொழியிற் பெயர்த்தல் வேண்டும்” என்ற பாரதியின் விருப்பங்களை நிறைவேற்றுவதில், என் பங்களிப்பும் உள்ளது என்பதே, மிகவும் மகிழ்ச்சி. தொடர்ந்து ஊக்கம் அளிக்கும் என் குடும்பத்தினருக்கும், கணியம் குழுவினருக்கும், FreeTamilEbooks.com குழுவினருக்கும், வாசகர்களுக்கும் நன்றிகள். [] து. நித்யா மான்செஸ்டர், இங்கிலாந்து. 3 ஜனவரி 2015 மின்னஞ்சல்: nithyadurai87@gmail.com வலை பதிவு: http://nithyashrinivasan.wordpress.com பொருளடக்கம் 1 Cascading Style Sheets 10 1.1 HTML without CSS 11 1.2 Internal style sheet 13 1.3 External style sheet 15 1.4 Inline style sheet 17 1.5 Multiple style sheet 18 2 Text 22 3 Font 25 4 Links 27 5 Lists 29 6 Tables 33 7 Divisions 36 8 Body background 40 9 Positioning 46 10 Combinators 51 11 Gallery 58 12 CSS3 64 13 Transitions 64 14 Animations 66 15 Multiple Columns 69 16 Re-sizing 71 17 Shadows 72 18 Border Radius 74 19 Gradients 76 20 Displaying Texts 78 21 முடிவுரை 82 22 ஆசிரியர் பற்றி 83 23 ஆசிரியரின் பிற மின்னூல்கள் 84 24 கணியம் பற்றி 86 25 நன்கொடை 89 Cascading Style Sheets Cascading Style Sheets என்பதே CSS என்றழைக்கப்படுகிறது. இது HTML மூலம் உருவாக்கப்படும் வலைத்தளப் பக்கங்களை இன்னும் அழகுபடுத்த உதவும் ஒரு் சிறப்பு வகை நிரல் ஆகும். அதாவது HTML-ல் font color, size, bgcolor என்பது போன்ற பல்வேறு வகையான attributes-ஐப் பயன்படுத்தி நாம் விரும்பும் நிறம் வடிவம், அளவு போன்ற சில குறிப்பிட்ட விவரங்களைக் கொடுப்போம். மேலும் ஒவ்வொரு பக்கத்திற்கும் இத்தகைய விவரங்களை நாம் இணைக்க வேண்டியிருக்கும். அதனால் இவ்வாறு அமைக்கும்போது HTML நிரல் படிப்பதற்கும் பார்பதற்கும் மிகவும் கடினமாகத் தெரியும். இதனைத் தவிர்ப்பதற்காக வந்ததே CSS ஆகும். அதாவது அழகு சார்ந்த சின்னச்சின்ன விஷயங்களெல்லாம் CSS file-லிலும், அடிப்படையான முக்கிய விஷயங்கள் அனைத்தும் HTML file-லிலும் சேமிக்கப்படும். பின்னர் HTML file-ல் css file-ஐ இணைப்பதன் மூலம் எளிமையான முறையில் ஓர் அழகிய வலைதளத்தை உருவாக்க முடியும். ஒரு html file-ல் css file இணைக்கப்படுவதை 4 விதங்களில் அமைக்கலாம். அவை, 1. External style sheet 2. Internal style sheet 3. Inline style sheet 4. Multiple style sheet முதலில் style sheets எதையும் பயன்படுத்தாமல் வெறும் html நிரலை மட்டுமே பயன்படுத்தி ஒரு வலைத்தளத்தை உருவாக்குவோம். பின்னர் அதே வலைத்தளத்தை css-ஐப் பயன்படுத்தி எவ்வாறு உருவாக்குவது என்று பார்க்கலாம். HTML without CSS இங்கு css எதையும் பயன்படுத்தவில்லை. வெறும் html நிரலை பயன்படுத்தி மட்டுமே ஒரு வலைத்தளத்தை உருவாக்கியுள்ளோம்.
The most popular rhymes are listed here. Even elders love to hear these rhymes. The list is clearly not exhaustive but it is believed that a good cross section of famous poems for children have been included.
[] இங்கு - க்குள் உள்ளவை என்னென்ன விதங்களில் அமைக்கப்பட வேண்டும்
எனும் விவரங்களெல்லாம் அந்தந்த tag-க்குள்ளேயே கொடுக்கப்பட்டுள்ளது.
உதாரணத்துக்கு அடிக்கோடிட , சாய்வெழுத்தில் அமைக்க , குறிப்பிட்ட
நிறத்திலும் வடிவத்திலும் அமைக்க ஆகிய அனைத்தும் அந்தந்த
tag-க்குள்ளேயே கொடுக்கப்பட்டுள்ளது. இதனால் html நிரல் பார்ப்பதற்கு சற்று
கடினமாகவும் குழப்பும் வகையிலும் உள்ளது.
இதன் output பின்வருமாறு.
[]
Internal style sheet
Internal style sheet-ஐப் பயன்படுத்தி மேற்கண்ட அதே வலைதளத்தை
உருவாக்குவதற்கான நிரல் பின்வருமாறு அமையும்.
The most popular rhymes are listed here. Even elders love to hear these rhymes.
The list is clearly not exhaustive but it is believed that a good cross section
of famous poems for children have been included. - க்குள் உள்ளவை என்னென்ன விதங்களில் அமைக்கப்பட வேண்டும்
எனும் விவரங்களெல்லாம் தனியாக
The most popular rhymes are listed here. Even elders love to hear these rhymes.
The list is clearly not exhaustive but it is believed that a good cross section
of famous poems for children have been included. ,
Most children love being told Nursery Rhymes
,
Most children love being told Nursery Rhymes