美文网首页
css中的一些简单的标签

css中的一些简单的标签

作者: 勿念_17a6 | 来源:发表于2018-09-09 21:44 被阅读0次

字体属性:

font-size   大小

        x-large;(特大)

        xx-small;(极小) 一般中文用不到

样式:font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)

行高:line-height: normal;(正常) 

加粗

font-weight: bold;(粗体) lighter;(细体) normal;(正常)

常用字体:(font-family)"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana

背景属性:(background)

背景颜色:background-color:

背景图片:background-image: url();

重复:ackground-repeat:

不重复: no-repeat;

简写方法:background:#000 url(..) repeat fixed left top;

边框属性:(Border)

border-style: dotted(点线); dashed(虚线); solid(实线); double(双线);          

border-width:    边框宽度border-color:边框的颜色

简写方法border:width style color;

文字属性:

color :           /*文字颜色*/

font-family :    /*文字字体*/

font-size :           /*文字大小*/

font-style:itelic;    /*文字斜体*/

letter-spacing :   /*字间距离*/

line-height : /*设置行高*/

font-weight:bold; /*文字粗体*/

text-decoration:line-through; /*加删除线*/

text-decoration: overline; /*加顶线*/

text-decoration:underline; /*加下划线*/

text-decoration:none; /*删除链接下划线*/

text-align:right; /*文字右对齐*/

text-align:left; /*文字左对齐*/

text-align:center; /*文字居中对齐*/

text-align:justify; /*文字分散对齐*/

vertical-align属性

vertical-align:top; /*垂直向上对齐*/

vertical-align:bottom; /*垂直向下对齐*/

vertical-align:middle; /*垂直居中对齐*/

vertical-align:text-top; /*文字垂直向上对齐*/

vertical-align:text-bottom; /*文字垂直向下对齐*/

背景样式:

background-color:              /*背景颜色*/

background:transparent; /*透视背景*/

background-image : url(/image/bg.gif); /*背景图片*/

background-attachment : fixed; /*浮水印固定背景*/

background-repeat : repeat; /*重复排列-网页默认*/

background-repeat : no-repeat; /*不重复排列*/

background-repeat : repeat-x; /*在x轴重复排列*/

background-repeat : repeat-y; /*在y轴重复排列*/

相关文章

  • css中的一些简单的标签

    字体属性: font-size大小 x-large;(特大) xx-small;(极小) 一般中文...

  • 任务1

    CSS和JS在网页中的放置顺序是怎样的? css标签放在head标签中 JS放在body标签中 之前,写在 标签...

  • CSS基础--CSS显示模式

    Div标签 作用: 一般用于配合css完成网页的基本布局 Span标签 作用: 一般用于配合css修改网页中的一些...

  • css简单标签

    使用简单的css制作如下样式标签: 其中css的伪类选择器:empty注意下: 1.伪类选择器::empty(该元...

  • CSS常用属性

    一、如何饮用CSS属性到HTML中? 用 标签 style属性 标签引入到css文件当中 在css文件中引入css...

  • JS相关概念

    CSS和JS在网页中的放置顺序是怎样的? CSS写在HTML文件中的 标签内的 中,JS写在HTML中 标签...

  • guoz跟着李南江学习HTML5—CSS学习

    一 css学习中的一些感想 从html基础标签内容一下子过渡到css还是有一些不大适应,学习进度会加快,而且css...

  • JS相关概念

    1 . CSS和JS在网页中的放置顺序 CSS要放头部head中的link标签内引入。 js文件要放在 标签中,...

  • hcXIII(11-1~11-3)

    元素分类 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型...

  • css 基础学习笔记(三)

    元素分类 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型...

网友评论

      本文标题:css中的一些简单的标签

      本文链接:https://www.haomeiwen.com/subject/riwdgftx.html