css,令无数网页开发者喜爱的工具

css的引入方式有三种

1，行引入，是优先对html的方式，但局限性大。在的标签里起作用。eg：

+作用对象+

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

标签选择器eg:css里，p{ color:red；}

id选择器eg: html里， css里则为，#某个词语{ color:red; }

#某个句子{ color:blue; }

类选择器上文有提。

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 设置当前元素隐藏

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！