css样式的padding的4个方向顺序是什么?

html-css07

css样式的padding的4个方向顺序是什么?,第1张

css样式的padding的4个方向顺序是:上 右 下 左。基本上内边距与外边距都是这么用的。记得数字后面要加单位的。具体分析如下:

1、新建一个html文件,命名为test.html,用于讲解css样式中padding属性的4个方向顺序是什么。

2、在test.html文件内,使用a标签创建一个链接,链接的名称为测试。

3、在test.html文件内,设置a标签的class属性为incss,主要用于下面通过该class来设置css样式。

4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

5、在css标签内,设置类名为incss的样式,使用border属性设置其边框大小为1px,边框线形为实线,边框颜色为红色。在浏览器打开test.html文件,查看实现的页面效果。

6、在css标签内,使用padding属性设置a标签四周的内边距,顺序为上右下左,上内边距设置为5px,右内边距设置为20px,下内边距设置为40px,左内边距设置为60px。

7、在浏览器打开test.html文件,查看实现的效果。

这应该是超链接样式的排列顺序。如下:

L代表:a:link 默认链接样式

V代表:a:visited 点击访问后的链接样式

H代表:a:hover 鼠标放到链接上后的链接样式

A代表:a:active 链接被按下的时候的样式

一般只需要用上面三个即可。

我一般是这么写:

a:link,a:visited{ color:#000text-decoration:none}

a:hover{ color:redtext-decoration:underline}

可设置的属性(按顺序): "font-style font-variant font-weight font-size/line-height font-family"

font 简写属性在一个声明中设置所有字体属性。

font-size和font-family的值是必需的。如果缺少了其他值,默认值将被插入,如果有默认值的话。

注意: line - height属性设置行与行之间的空间。

例子:

p.ex1{

font:15px arial,sans-serif

}

p.ex2{

font:italic bold 12px/30px Georgia,serif

}

扩展资料:

1、font-style:指定文本的字体样式。

属性值:

normal:默认值。浏览器显示一个标准的字体样式。  

italic:浏览器会显示一个斜体的字体样式。  

oblique:浏览器会显示一个倾斜的字体样式。  

inherit:规定应该从父元素继承字体样式。

2、font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

font-variant 属性主要用于定义小型大写字母文本。

属性值:

normal:默认值。浏览器会显示一个标准的字体。  

small-caps:浏览器会显示小型大写字母的字体。  

inherit:规定应该从父元素继承 font-variant 属性的值。  

3、font-weight:属性设置文本的粗细。

属性值:

normal:默认值。定义标准的字符。  

bold:定义粗体字符。  

bolder:定义更粗的字符。  

lighter:定义更细的字符。  

100-900的整百数:定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。  

inherit:规定应该从父元素继承字体的粗细。

4、font-size:属性用于设置字体大小。  

5、font - family:属性指定一个元素的字体。