Web¿ª·¢ µÚ¶þ²¿·Ö CSS»ù´¡£¨¶þ£© CSSÊéд¹æ·¶
1¡¢ÈýÖÖ²»Í¬µÄÑùʽ±í
Ñùʽ±í¸ù¾ÝÆäÊéдλÖò»Í¬£¬¹²·ÖΪÈýÖÖ£º
ÄÚÁªÑùʽ±í£¨inline£©£º¸ÃÑùʽ±íдÔÚ±êÇ©µÄstyleÊôÐÔÀ¸ºÔðÉèÖõ±Ç°±êÇ©µÄÑùʽ£»
ÄÚ²¿Ñùʽ±í£¨inner£©£º¸ÃÑùʽ±íÒ»°ãдÔÚhead±êÇ©µÄstyle±êÇ©Àͨ¹ýÑ¡ÔñÆ÷À´Ö¸¶¨Ä³¸öÑùʽËùÓ°ÏìµÄ±êÇ©£»
ÍⲿÑùʽ±í£¨external£©£º¸ÃÑùʽ±íÒ»°ãдÔÚ¶ÀÁ¢µÄ*.cssÎļþÀͨ¹ýÑ¡ÔñÆ÷À´Ö¸¶¨Ä³¸öÑùʽËùÓ°ÏìµÄ±êÇ©£¬ÔÚhead±êǩͨ¹ýlink±êÇ©ÒýÈëÍⲿÑùʽÎļþ£»
¿´Ò»¸öÀý×Ó£¬¹²Á½¸öÎļþ£¬ÔÚͬһ¸öĿ¼ÖУº
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<!-- ÕâÀïÒýÈëÁËÒ»¸öÍⲿÑùʽ±í -->
<link type="text/css" rel="stylesheet" href="style.css" mce_href="style.css" />
<!-- ÕâÊÇÒ»¸öÄÚ²¿Ñùʽ±í -->
<mce:style type="text/css" ><!--
b { /* ÕâÊÇÒ»¸ö±êǩѡÔñÆ÷ */
background-color:#B0D1E6;
color:blue;
text-indent:2em;
text-align:left;
}
.title { /* ÕâÊÇÒ»¸öÀàÑ¡ÔñÆ÷ */
color:#209DA4;
text-decoration:underline;
text-align:left;
}
#id1 { /* ÕâÊÇÒ»¸öIDÑ¡ÔñÆ÷ */
background-color:#5E5E5E;
color:#FFFFFF;
font-weight:bold;
height:100px;
width: 300px;
border: 2px dotted #C7784E;
word-break:break-all;
overflow-y:auto;
overflow-x:hidden;
text-indent:2em;
margin:0 auto;
}
--></mce:style><mce:style type="text/css" mce_bogus="1"><!--
b { /* ÕâÊÇÒ»¸ö±êǩѡÔñÆ÷ */
background-color:#B0D1E6;
color:blue;
text-indent:2em;
text-align:left;
}
.title { /* ÕâÊÇÒ»¸öÀàÑ¡ÔñÆ÷ */
color:#209DA4;
text-decoration:underline;
text-align:left;
}
#id1 { /* ÕâÊÇÒ»¸öIDÑ¡ÔñÆ÷ */
background-color:#5E5E5E;
color:#FFFFFF;
font-weight:bold;
height:100px;
width: 300px;
border: 2px dotted #C7784E;
word-break:break-all;
overfl
Ïà¹ØÎĵµ£º
ʹÓÃasp.net ¿ª·¢wap ÍøÕ¾£¬ÔÚishtml32Ï£¬Èç¹ûÊÖ»úä¯ÀÀÆ÷Ö§³Öishtml32,µ«ÊÇ SupportsCss=False ʱ£¬Ïë¼ÓÔØcssÎļþʱ£¬²ÉÓÃÖØÐ´mobile:formµÄ·½·¨À´ÊµÏÖ
using System;
using System.Configuration;
using System.Web.UI.MobileControls;
using System.Web.UI.MobileControls.Adapters;
public class MyForm : Form
{ ......
ÕâÀïÌṩcssÂ˾µ´úÂ룬
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
ʹÓ÷½·¨£ºÕâ¶Î´úÂë¿ÉÒÔ±äÍøÒ³ÎªºÚ°×£¬½«´úÂë¼Óµ½ÍøÕ¾Ò³ÃæCSS×î¶¥¶Ë¾Í¿ÉÒÔʵÏÖËØ×°¡£
Èç¹ûÍøÕ¾Ã»ÓÐʹÓÃCSS£¬¿ÉÒÔÔÚÍøÒ³/Ä£°åµÄHTML´úÂë<head>ºÍ</head> Ö®¼ä²åÈ룺
<style>
html{filter:progid: ......
IEµÄÎÊÌ⣺
Ò».Ë«±ß¾àÎÊÌâ
¸¡¶¯ÔªËصÄÍâ±ß¾à»á¼Ó±¶£¬µ«ÓëµÚÒ»¸ö¸¡¶¯ÔªËØÏàÁ򵀮äËû¸¡¶¯ÔªËØÍâ±ß¾à²»»á¼Ó±¶¡£
½â¾ö·½·¨£ºÔڴ˸¡¶¯ÔªËØÔö¼ÓÑùʽ display:inline;
¶þ.ͼƬ²úÉúµÄ¼ä϶
¸¸ÔªËØÖ±½Ó°üº¬<img>£¬Õâ¸öͼƬÏ·½»áºÍ¸¸ÔªËرßÔµ²úÉú¼ä϶¡£
½â¾ø·½·¨£º1.ÔÚÔ´´úÂëÖÐÈÃ</div>ºÍ<img>ÔÚÍ ......
1.css ×ÖÌå¼òд¹æÔò
¡¡¡¡µ±Ê¹ÓÃcss¶¨Òå×ÖÌåʱÄã¿ÉÄÜ»áÕâÑù×ö:
¡¡¡¡font-size: 1em;
¡¡¡¡line-height: 1.5em;
¡¡¡¡font-weight: bold;
¡¡¡¡font-style: italic;
¡¡¡¡font-variant: small-caps;
¡¡¡¡font-family: verdana,serif;
¡¡¡¡
ÊÂʵÉÏÄã¿ÉÒÔ¼òдÕâЩÊôÐÔ:
¡¡¡¡font: 1em/1.5em bold italic small-caps ver ......
¶¨Î»Ò»Ö±ÊÇWEB±ê×¼Ó¦ÓÃÖеÄÄѵ㣬Èç¹ûÀí²»Çå³þ¶¨Î»ÄÇô¿ÉÄÜӦʵÏÖµÄЧ¹ûʵÏÖ²»ÁË£¬ÊµÏÖÁ˵ÄЧ¹û¿ÉÄÜ»á×ßÑù¡£Èç¹ûÀíÇåÁ˶¨Î»µÄÔÀí£¬ÄǶ¨Î»»áÈÃÍøÒ³ÊµÏֵĸü¼ÓÍêÃÀ¡£
¶¨Î»µÄ¶¨Ò壺
ÔÚCSSÖйØÓÚ¶¨Î»µÄÄÚÈÝÊÇ£ºposition:relative | absolute | static | fixed
static ûÓÐÌØ±ðµÄÉ趨£¬×ñÑ»ù±¾µÄ¶¨Î»¹æ¶¨£¬²»ÄÜͨ¹ýz-index½ ......