首页 / CSS / 网页css样式表部分

网页css样式表部分

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了网页css样式表部分，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1443字，纯文字阅读大概需要3分钟。

内容图文

层叠样式表：CSS Cascading Style Sheet。V2.1  （3.0版本有些旧系统不支持）

控制页面样式外观。

一、样式表分三类： 1.内联样式表。——放在元素的开始标记中。——只对当前元素起作用。

<input name="txt" style="border:0px; border-bottom:1px solid black;" type="text" />       （solid意思是实线）

2.内嵌样式表。——放在页面的<head></head>中间。——可以对整个页面。

<head>

...

<style type="text/css">

input

{  

border:0px;  border-bottom:1px solid red;

}

</style> </head>

3.外部样式表。——放在一个单独的.css样式表文件中。——可以对整个网站。

(1)外部样式表的定义

(2)外部样式表的调用

新建一个css文件，用来放样式表，如果要在HTML文件中调用样式表，需要在HTML文件中点右键--css样式--附加样式表。一般用link连接方式

二、样式表的选择器：

内嵌、外部样式表的一般语法：

选择器

｛   

样式=值;  

  样式=值;

   样式=值;   

....

｝

1.基本：

(1)标签选择器：用标记名称来当选择器。 input{.....} div{...} span{...} td{...}

(2)类别选择器：在HTML元素中使用class对元素进行分类，然后使用这个class的值作为选择器。以"."开头 .class的名{.....}

(3)ID选择器：针对HTLM中相应ID的元素起作用。以"#"开头 #ID的名{...} #d1{font-size:48px;} #dd{border:5px dotted red;}

2.复合： (1)用逗号隔开。——并列关系，同时起作用。 input,#dd,.yellow,.uu {  color:gray;  line-height:28px;

}

(2)用空格隔开。——后代关系。 div uu {   }

    <input name="txt" type="text" class="uu"/>     <div>  <input name="txt" type="text" />         <input name="txt" type="text" class="uu" value="******"/>         <span>             <input name="txt" type="text" class="uu" value="******"/>         </span>     </div> 什么是后代？？？后代即父辈以后的都是后代 而子集值包含下一代 注意：<p>里面不要配div  反之则可以

(3)class二次筛选。 标签选择器.class选择器{....} input.uu {  border:5px double red; }

例：

对比：div .uu与div.uu的不同。

中间有空格的表示后代，没有空格的是筛选的意思。

 

原文：http://www.cnblogs.com/wei270647220/p/4324697.html

内容总结

以上是互联网集市为您收集整理的网页css样式表部分全部内容，希望文章能够帮你解决网页css样式表部分所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1233664.html

来源：【匿名】