动力节点旗下在线教育品牌  |  咨询热线:400-8080-105 学Java全栈,上蛙课网
首页 > 文章

三种在html引用CSS方式介绍

08-12 16:06 137浏览
举报 T字号
  • 大字
  • 中字
  • 小字

CSS是能够真正做到网页表现与内容分离的一种样式设计语言,简单来说,CSS这个前端技术所扮演的角色就是HTML化妆品,可以让HTML变的更炫酷,是专门来修饰HTML的。所以CSS的使用方式是十分重要的,是java程序员必备的技能之一,这篇文章来介绍三种htmlCSS方式,希望可以扩充大家的知识面

htmlCSS方式具体的三种方式如下:

第一种方式:内联嵌入方式。嵌入式是将CSS样式集中写在网页的

标签对的标签对中。

语法:style=样式名1:样式值1; 样式名2:样式值2;HTML中,大部分标签都有style属性,在该属性中可以设置该标签的CSS样式

示例一:style属性完成a标签的样式:让其有下划线,有鼠标悬停效果手型

字体下划线:text-decoration:underline

鼠标悬停手势效果:cursor:hand;(该样式IE中支持,FireFox中不支持)

鼠标悬停手势效果:cursor:pointer;(该样式都支持,兼容性强)

示例二:实现如下效果

html中使用CSS方式的第二种是:定义内部样式块对象

标签选择器: 标签名{}标签选择器:整个页面所有该标签都使用这个样式

示例:使用标签选择器实现字体没有下划线

a{

text-decoration:none;

}

id选择器: #idName{}

只对该id的标签使用这个样式

示例:将第一张图片的尺寸改为:width:300px; height:200px;

#img1{

width:300px;

height:200px;

}

类选择器:.myclass{}

样式作用于有该类的标签

示例:将“篮球公园,网球”字段改红色

.myclass{

color:red;

}

html中使用CSS方式的三种方式:链入外部样式文件

head标签中:

1.css type=text/css>

以上是对三种在html引用CSS方式的介绍,因为具体使用CSS是一项实操性的技术,所以上面涉及到的内容还是简单的知识,想要真正掌握CSS技术,除了学习更多的java培训课程外,更重要的是自己的练习和操作。

对于零基础的人来说,有必要在短时间内入门CSS,因为相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,有着许多的优点,CSS能够根据不同使用者的理解能力,简化或者优化写法,所以html引用css重要的知识针对各类人群,有较强的易读性。希望未来各位程序员们都可以掌握好CSS这一重要的前端技术。

0人推荐
共同学习,写下你的评论
0条评论
代码小兵1089
程序员代码小兵1089

6篇文章贡献22944字

作者相关文章更多>

推荐相关文章更多>

DOM渲染的详细过程

QCode09-04 14:38

CSS水平和垂直居中技巧大梳理

Code大师09-04 14:50

mui的input框在IOS系统下无法聚焦或点击多次才能聚焦

不写代码你养我啊08-23 11:14

推荐的-视.频播放器以及在线客服

不写代码你养我啊09-17 18:02

谈谈java多线程的三大特性

要学习了06-18 18:13

发评论

举报

0/150

取消