“ফ্রী বাংলা টিউটোরিয়াল” এর CSS
সম্পর্কিত এখন আমরা CSS dimension, display, visibility এবং সবশেষে CSS
mouse hover menu এগুলো নিয়ে সংক্ষিপ্ত আলোচনা করবো। আশা করছি এই সাইট এর
সব আর্টিকেল আপনাদের ভালো লাগছে। সাথে ভিডিও টিউটোরিয়াল গুলো দেখে ধারনা
সমূহ স্পষ্ট হচ্ছে।
CSS dimension property গুলো হল height, line-height, max-height, min-width, min-height, width, max-width এই properties গুলো আপনাকে HTML element গুলোর উচ্চতা ও প্রস্থ নিয়ত্রন করতে আবার এদের সর্বোচ্চ মান বা সর্বনিন্ম মান সেট করতে দেবে। এমনকি দুই লাইনের মধ্যের ফাঁক কমা বাড়া করার সুযোগ দেয়। properties গুলোর মান তিন ধরণের হতে পারে যথাঃ auto, percent (%) কিংবা একটা মান px, cm, em ইত্যাদি দিয়ে। নিচে একটা কোড দেওয়া হলঃ
CSS dimension property গুলো হল height, line-height, max-height, min-width, min-height, width, max-width এই properties গুলো আপনাকে HTML element গুলোর উচ্চতা ও প্রস্থ নিয়ত্রন করতে আবার এদের সর্বোচ্চ মান বা সর্বনিন্ম মান সেট করতে দেবে। এমনকি দুই লাইনের মধ্যের ফাঁক কমা বাড়া করার সুযোগ দেয়। properties গুলোর মান তিন ধরণের হতে পারে যথাঃ auto, percent (%) কিংবা একটা মান px, cm, em ইত্যাদি দিয়ে। নিচে একটা কোড দেওয়া হলঃ
CSS এর Display property টি আসলে CSS এর classification property এর একটি। এর মান দ্বারা আমরা নির্ধারণ করতে পারি, একটি উপাদান কীভাবে দেখাবে তার অর্থ কেমন প্রকৃতির হবে। যেমনঃ none, marker, inline, block, compact ইত্যাদি। সাধারণত মেন্যু তৈরির সময় আমরা display property র মান block করি। যেমন নিচের কোড টি block ও inline এর ভিন্নতা প্রকাশে সহায়ক জলদি আপনিও করে দেখুন।
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
#menu{
height:40px;
background-color: transparent;
color: #F00;
}
#menu ul{
list-style:none;
}
#menu ul li{
float:left;
background:#999;
border:1px solid #456;
}
#menu ul li a{
display:block;
text-decoration:none;
color:#FFF;
padding:0px 5px 5px 5px;
}
#menu ul li a:hover{
background: #333;
}
|
একটি মন্তব্য পোস্ট করুন Blogger Facebook
fuck
ass
suck
dick