Web sahifa sarlavhasi

1.2. CSS- Cascading Style Sheets
CSS-Cascading Style Sheets ( Kaskadli jadvallar stili) – bu sahifaning turli elementlariga qo'llash mumkin bo'ladigan tahrirlash va bezash qoidalari to'plamidir. NTML da biror elementning aniq xossalarini (rangi, o'lchami, sahifadagi o'rni va hokazo) berish uchun, har safar bu xossalarini ta`riflash kerak bo’ladi. CSSni qo'llaganda esa, elementlar xossalari bir marta ta`riflanadi va bu ta`rif stil sifatida belgilanadi. Keyin esa shunday ko'rinishda bezatiladigan element oldin berilgan stilning xossalarini qabul qiladi.
CSSni hujjatga joylashtirish
Stillar jadvalini qo'llashning 3 xil usuli bor:
Stillarning ichki jadvali (Inline Style Sheets) – maxsus atribut yordamida HTML teglar ichiga joylashtiriladi.
HTML misoli:
Misol
CSSga misol:
misol
Inline Style Sheet (ISS) kodi HTML ga qaraganda ko'p chiqdi. Shuning uchun ISSni aniq elementga o'zining individual stilini berish lozim bo'lgan hollarda ishlatish kerak. Bu usul faqat bitta teg ichida ishlaydi.
Stillarning global jadvallari (Global Style Sheets) – butun hujjatdagi elementlarning stilini aniqlaydi. Buning uchun


Endi bu stillarni html tilida xohlagan joyda ishlatish mumkin. Buning uchun quyidagi konstruksiyalar ishlatiladi. Misol:

Ushbu sarlavha katta qizil kursivda yozilgan

Bu so’z ko’k rangda.



<%
/* Checking the user credentials */
String userName = (String)session.getAttribute("username");
String password = (String)session.getAttribute("password");
String userType = (String)session.getAttribute("usertype");
boolean isValidUser = true;
if(userType == null || userName == null || password==null || !userType.equals("customer")){
isValidUser = false;
}
%>

<%
if(isValidUser) {
%>
<%@ include file="userHeader.html" %>


<%
}
else{
%>
<%@ include file="header.html" %>
<%
}
%>

<%
ProductDaoImpl prodDao = new ProductDaoImpl(); 
List
 products = new ArrayList
();
products = prodDao.getAllProducts();
for(ProductBean product : products){
String addToCartUrl = null;
String buyNowUrl = null;
if(isValidUser){
addToCartUrl = "./AddtoCart?uid="+userName+"&pid="+product.getProdId()+"";
buyNowUrl = "./BuyNow?uid="+userName+"&pid="+product.getProdId()+"";
}
else{
addToCartUrl = "login.html";
buyNowUrl = "login.html";
}
%>


" alt="Product" >

<%=product.getProdName() %> ( <%=product.getProdId() %> ) 


<%=product.getProdInfo() %>

Rs <%=product.getProdPrice() %> 

">Add to Cart   
">Buy Now

<%
}
%>




<%@ include file="footer.html" %>