十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章主要介绍“css的三种引入方式是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“css的三种引入方式是什么”文章能帮助大家解决问题。
创新互联公司-专业网站定制、快速模板网站建设、高性价比杭锦后网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式杭锦后网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖杭锦后地区。费用合理售后完善,十多年实体公司更值得信赖。
css的引入方式有三种
1,行引入,是优先对html的方式,但局限性大。在
的标签里起作用。eg:+作用对象+
。2,内部引入,标签选择器,ID选择器和类选择器都是内部引入,就是说内部引入的三种方式。
标签选择器eg:css里,
id选择器eg: html里,
类选择器上文有提。
3,外部引入
格式为
这种引入方式缺少例子练习
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的三种引入方式是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。