当前位置: 首页 > news >正文

wordpress媒体库上传电影优化大师人工服务电话

wordpress媒体库上传电影,优化大师人工服务电话,重庆市建设工程信息网官网安全监督管理平台,wordpress查询数据库页面接上文。 除了前面的颜色样式外,字体样式和文本样式也是网页设计中的重要组成部分。 合适的字体和文本排版,不仅可以使页面更加美观,也可以提升用户体验。接下来,我们先来看看CSS如何设置字体样式。 字体样式 同时设置了字体样…

接上文。

除了前面的颜色样式外,字体样式和文本样式也是网页设计中的重要组成部分。

合适的字体和文本排版,不仅可以使页面更加美观,也可以提升用户体验。接下来,我们先来看看CSS如何设置字体样式

字体样式

同时设置了字体样式的四个属性:字体类型、字体风格 、字体粗细和字体大小。

<style>

    /* css设置字体样式 */

    p {

        font-family: serif;

        font-style: italic;

        font-weight: bold;

        font-size: 30px;

    }

</style>

<p>网页开发基础</p>

字体类型

font-family 属性,用于设置字体类型。

第4行,设置字体类型为serif,它是网页设计中最常用的字体族之一。还有一种常用的为sans-serif

<style>

    /* css设置字体类型 */

    p {

        font-family: serif;

    }

</style>

   

<p>font-family属性,用于设置字体类型</p>

字体风格

font-style属性,用于设置字体风格。

第4行,设置字体风格为italic,它表示字体以斜体显示。

<style>

    /* css设置字体风格 */

    p {

        font-style: italic;

    }

</style>

<p>font-style属性,用于设置字体风格</p>

字体大小

font-size属性,用于设置字体的大小。

第4行,设置字体大小为30px,表示字体大小为30像素

px表示像素,是常用的长度单位,像素值越大,字体就越大。

当涉及到和长度有关的属性值时,我们推荐使用像素px这种长度单位来表示。

<style>

    /* css设置字体大小 */

    p {

        font-size: 30px;

    }

</style>

   

<p>font-size属性,用于设置字体大小</p>

补充:

字体类型扩展

我们通常设置font-family 属性时,会使用几种字体名称作为一种"备选"机制。字体间以逗号隔开,如果浏览器不支持第一种字体,它将依次尝试下一种。并且,字体名称中包含空格时,则必须用引号包裹起来,例如"Times New Roman"

<style>

    /* css设置字体类型 */

    p {

        font-family:"Times New Roman" ,serif;

    }

</style>

代码具体说明:

font属性

font是字体的英文,所以font属性可以设置所有的字体样式。

通过font属性设置多个属性时,有严格的先后顺序

牢记,字体大小和字体类型是必须设置的,并且字体类型放在最后。

这里,我们只设置font-sizefont-family两个属性的值,其余属性会自动使用默认值

<style>

    /* 使用标签选择器,通过font属性设置p元素的字体样式 */

    p {

        font: 30px serif;

    }

</style>

<p>font属性的用法</p>

补充:

这里一定需要注意,不同的属性值之间使用空格间隔。比如字体大小的值30px和字体类型的值serif中间有一个空格。

<style>

    /* 使用标签选择器,通过font属性设置p元素的字体样式 */

    p {

        font: 30px serif;

    }

</style>

   

<p>font属性的用法</p>

总结:

http://www.zhongyajixie.com/news/43401.html

相关文章:

  • 东莞厚街核酸检测点班级优化大师官网下载
  • 做网站办什么类型营业执照成功的营销案例及分析
  • 做网站不好做雅虎搜索引擎中文版
  • 江苏 做网站疫情排行榜最新消息
  • 企查查 天眼查关键词排名优化系统
  • 为什么asp.net做的网站上传后不显示照片西安网络seo公司
  • 没有网站做cpa怎么赚钱网站建设制作过程
  • 用dw做网站导航的步骤免费友情链接平台
  • 凡科可以做游戏网站吗网络营销与网站推广的
  • 建筑公司网站图片网站排名推广工具
  • 网站建设需要哪些人员魔贝课凡seo
  • 举报网站建设情况汇报seo优化案例
  • 电商网站css模板网站怎么快速排名
  • wordpress英文版切换中文应用商店搜索优化
  • 室内设计联盟电脑版seo优化交流
  • 今网科技网站建设seo相关ppt
  • 欧美网站源码qq群推广平台
  • 江苏省住房和城乡建设部网站网络营销活动案例
  • 石家庄模板做网站seo广州工作好吗
  • 国外优秀ui设计网站营销策略主要包括哪些
  • 吐鲁番市网站建设百度一下搜索引擎大全
  • 昌平b2c网站制作价格哪些行业适合做seo
  • 厦门同安区建设局网站aso优化什么意思
  • 网站建设朋友圈广告优化关键词排名seo
  • 长沙自适应网站制作网络营销专业主要学什么
  • 网站设计图能用ps做么app关键词排名优化
  • 江苏省建设厅网站证件查询百度人工服务电话
  • 自己做响应式网站难吗百度关键词下拉有什么软件
  • 大连市城乡建设厅网站免费发布友链
  • 免费推广seo网站关键词优化排名公司