css的三种引入方式是什么
css的三种引入方式是什么
这篇文章主要介绍“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的三种引入方式是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注恰卡编程网行业资讯频道，小编每天都会为大家更新不同的知识点。
