CSS:cascadestylesheet1、程序开发人员和美工工作分离2、内容与样式分离3、样式重用,利于开发和维护4、页面内容的精确控制<styletype="text/css">input{/*input叫做选择器*/width:150px;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#;background-image:url(images/);background-repeat:no-repeat;padding-left:36px}</style>CSS用途?内容的美化?内容的定位CSS选择器1、HTML标签选择器<styletype="text/css">input{/*inputhtml标签选择器,一定是html标签名称,当前页面中所有的标签全部应用该选择器中的样式*/width:150px;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#;background-image:url(images/);background-repeat:no-repeat;padding-left:36px}</style>2、ID选择器#mydiv1{/*ID选择器以#开头,只有应用在id属性匹配的标签上*/width:300px;height:300px;background-color:#09C}3、{/*类选择器,以“.”开头,应用在class属性匹配的标签上*/width:150px;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#;background-image:url(images/);background-repeat:no-repeat;padding-left:36px}3、上下级组合选择器#{/*上下级包含的组合选择器,是若干个具有上下级关系的选择器组成,中间用空格隔开*/color:#ff7300;font-size:14px;font-weight:bold}4、兄弟标签的组合选择器body,label,span,h1,p{/*中间用逗号隔开,代表个选择器之间的兄弟关系*/font-size:12px;color:#333}/*相当于body{font-size:12px;color:#333}label{font-size:12px;color:#333}span{font-size:12px;color:#333}h1{font-size:12px;color:#333}p{font-size:12px;color:#333}*/Css的位置1、,通过<linkrel="stylesheet"type="text/css"href="样式文件的位置"/>来在html页面中引用外部样式2、内部样式在html中,写在<st
CSS笔记 来自淘豆网m.daumloan.com转载请标明出处.
