HTML5的文本标签和css3文本外观属性

html5中常用的文本标签:

  1. 标题标签:定义了六级标题,字号越大,六号越小
  2. 段落标签:<.p>
  3. br与wbr标签:br换行符,wbr软回车和断字符一般应用在英文上面。
  4. bdi标签:设置一段文本,使其脱离父标签的文本方向设置。
  5. details与summary:描述文档和文档的某一个标题,目前只有Chrome支持。
  6. ruby标签、<rp>标签:用于给汉字注音。
  7. mark标签:百度搜索关键字高亮显示。
  8. time标签:用于定义日期和时间。
  9. meter:定义度量衡 progress:任何类型任务运行的时间。
    10.font-size:字号大小,em表示相对于当前文档的字体大小

css字体样式属性

  • font-size:em、px两种方式表示
  • font-family:字体,常用的字体是宋体、微软雅黑。其中字体用双引号括起来
  • font-weight:normal、bold、border、lighter
  • font-style:字体风格,normal、italic、oblique
  • word-wrap:长单词或者URL自动换行,normal、break-word

css3@font-face规则

  • source:指的是自定义的字体的存放路径,也可以使相对路径也可以使绝对路径。
  • YourWebFontName:自定义的字体名称,但是最好使用自己下载默认字体。

css文本外观属性

  • text-shadow:文本添加阴影效果
  • 基本格式:选择器{text-shadow:h-shadow v-shadow blur color}

css重要性

  • 在某个样式设置后添加!important代表该样式具有最高权值。

css优先级

  • 元素选择器<类选择器<id选择器<内联样式

css3圆角边框

  • css3的圆角边框实际上是矩形的四个角分为内切圆,通过控制半径来控制圆角的弧度。
  • 基本语法:border-radius:1-4 length|%、1-4 length|%
  • length:用于设置对象的圆角半径长度,
发布了16 篇原创文章 · 获赞 2 · 访问量 600

猜你喜欢

转载自blog.csdn.net/weixin_45968014/article/details/104825707