css的三种引入方式是什么

发布时间:2022-03-11 14:44:45 作者:iii
来源:亿速云 阅读:340

这篇文章主要介绍“css的三种引入方式是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“css的三种引入方式是什么”文章能帮助大家解决问题。

css的引入方式有三种

1,行引入,是优先对html的方式,但局限性大。在<body></body>的标签里起作用。eg:<p style="color:red;font-weigh=3;">+作用对象+</p>。

2,内部引入,标签选择器,ID选择器和类选择器都是内部引入,就是说内部引入的三种方式。

标签选择器eg:css里,<head><style>p{color:red;}</style></head>

id选择器eg: html里,<p1 id="某个词语"><p2 id="某个句子"> css里则为,<style>#某个词语{color:red;}

#某个句子{color:blue;}</style>

类选择器上文有提。

3,外部引入

格式为<link href="途径的陈述"><rel=stylesheet>

这种引入方式缺少例子练习

css常用属性

width:设置元素的宽度

height:设置元素的高度

文本属性

font-size:设置文本的大小 值是数值,以像素为单位(常用)

color:设置文本的颜色 取值 一般是颜色的英文名 或者是 16进制的值

font-weight:设置字体加粗 取值 100-900 bold (常用值)normal(默认)

font-style:设置字体倾斜 取值 normal(正常):默认 italic:设置文本倾斜

font-family:设置字体的样式 取值就是字体的名称 一般情况下设置的字体计算机上必须安装

text-decoration:设置文本装饰,如下

none:默认取值 没有装饰效果

underline:设置下划线

overline :设置上划线

line-through:设置删除线

text-align:设置文本的位置 left(默认取值)、center、right

line-height:设置文本的行高,文本会基于行高垂直居中,在不设置行高的情况下,默认行高是字体大小的1.2倍

text-indent:设置文本缩进 取值 一般是以em为单位 1em刚好等于 1个中文字符的宽度

标签分类

1、行内标签:不会独自占一行,但是不能设置宽高

行内标签:a、文本标签、span等

2、块级标签:独自占一行,但是能设置宽高

块级标签:h类的标签、p、列表类标签、表格等

img:即是行内又是块级(即在一行又能设置宽高)

行内元素和块级元素的相互转换:

通过display属性进行相互转化

1、行内转化为块级: display:block;

2、块级转化为行内: display:inline;

3、转化为即是行内又块级: display:inline-block;

4、display:none 设置当前元素隐藏

关于“css的三种引入方式是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

推荐阅读:
  1. css引入样式的三种方式的优缺点
  2. 引入css的方式有几种

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:CSS语法、选择器、声明的方法

下一篇:CSS怎么绘制三角形和箭头

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》