博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS的继承和使用方式
阅读量:6253 次
发布时间:2019-06-22

本文共 1012 字,大约阅读时间需要 3 分钟。

CSS的继承

css的继承指的是当标签具有嵌套关系时,内部标签自动拥有外部标签的不冲突的样式的性质。

在Css中有些属性不允许继承,例如,border属性没有继承性。多边框类的属性都没有继承 ,例如,padding 、 margin 、 background等。

示例:

    
css使用实例

这是蓝色,12pt,斜体,默认宋体

这是蓝色,12pt,斜体加粗,黑体

这是红色,10pt,加粗,黑体,有边框
这是红色,10pt,黑体
我是em元素的文字,绿色文字周边无边框

 

 

CSS的使用方式

在html页面中使用CSS主要有3种方法:内嵌方式,内部样式表,使用<link>标签链接外部样式表。

1.内嵌方式(是将CSS代码写在HTML的标签里。)

示例:

            
内嵌方式

内嵌方式

2.内部样式表

与行间样式表类似,都是将CSS代码写在HTML文档中; 不同的是内部样式表不是写在标签中,而且有一定的格式。

示例:

            
内部样式表示例
内部样式表

3.使用<link>标签链接外部样式表

与内部样式表的相同之处在于都有一定的格式; 不同的是他的CSS代码是写在HTML文档外的.css文件中,而且使用时需要引用。

实例:

html1.html

            
外部样式表示例
外部样式表

CSS1.css

div {    width: 100px;    height: 40px;    color: yellow;    background-color: red;    text-align: center;}

 

 

 

 

 

 

特此声明:如需转载请注明出处,如有疑问请及时提出以便于改正,如有侵权,联系删除,谢谢

转载于:https://www.cnblogs.com/CGWTQ/p/9800231.html

你可能感兴趣的文章
Centos下Tomcat 安装Apache Portable Runtime
查看>>
【BZOJ】2563: 阿狸和桃子的游戏
查看>>
redis 中文字符显示
查看>>
webview与JS的交互
查看>>
吴翼大神
查看>>
在Gridview如何进行每行单元格比较
查看>>
国内外MD5在线解密网站
查看>>
插件五之滚动条jquery.slimscroll.js
查看>>
187实现录制视频功能
查看>>
教你pomeloclient包libpomelo增加cocos2d-x 3.0工程(Windows、Android、IOS平台)
查看>>
CSS3实现时间轴效果
查看>>
经典回忆Effective C++ 1
查看>>
JQUERY名称冲突
查看>>
poj 1975 Median Weight Bead(传递闭包 Floyd)
查看>>
【C++ Primer每天刷牙】一间 迭代器
查看>>
:施密特建议尾随年轻的专业人士了解技术公司
查看>>
软件项目如何选型
查看>>
UVa 11205 - The broken pedometer
查看>>
[书目20150727]选择重于一切(扎克伯格给年轻人的37个人生忠告)
查看>>
Apache与Nginx的优缺点比较
查看>>