首页 > 作文

css设置字体样式属性(分享css设置字体颜色的代码)

更新时间:2023-04-05 10:58:14 阅读: 评论:0

初学css,这些内容你都知道了吗?

css介绍引入css样式表方法css选择器css常用属性

css介绍:

css全称是(cascading style sheet)层叠样式表;层叠:层叠就是对一个元素多次设置同一个样式

特点:

1)丰富的样式定义

css提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为英语四六级作文任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

2)易于使用和修改

css可以将样式定义在html元素的style属性中可以将其定义在html文档的header部分可以将丛林有情狼样式声明在一个专门的css文件中,将所有的样式声明统一存放,进行统一管理。

3)多页面应用

css样式表可以单独存放在一个css文件中,这样我们就可以在多个页面中使用同一个css样式表。

4)页面压缩

css样式表的复用更大程序的缩减了页面的体积,减少下载的时间。

引入css样式表方法:

1)行内样式

直接使用标记的style属性
style=" 课间十分钟作文width:100px; height:100px; background-color:#f00;”复制代码

2)内嵌样式

使用<style></style>标记,将样式写在<style>标记内<style>标记要指定type属性为text/css

3)链接样式(外链式)

将css写入单独的一个文件中,注意该文件的文件扩展名为 .css在html文档中使用标记引入css文件标记需要指定两个属性:type和rel

例:

< link type=“text/css” rel=“stylesheet” href=“sy.css" />复制代码

css选择器

1)通配符选择器

选择对象:所有标签语法:
* {font-family: "宋体";}复制代码

2)类型(标记)选择器

选择对象:使用标签名做选择符语法:
p {font-size: "8";}复制代码

3)id选择器

选择对象:对应id名的元素语法:
#idname {…}复制代码

4)类(class)选择器

选择对象:使用此类名的元素语法:
.classname {…}复制代码

5)包含选择器

选择对象:被嵌套标签包含的元素语法:
选择符a 选择符b {…}复制代码

css常用属性:

1)css字体与文本样式

font-family:设置文本的字体类型;font-size:设置文本的字体大小;font-style:设置文本的字体样式;font-weight:规定字体的粗细;color: 设置文本的颜色letter-spacing:设置字符间距line-height:设置文本行高text-align:设置文本的对齐方式

2)css边框和背景相关属性

border:设置所有边框属性;border-width:设置四条边框的宽度;border-color: 设置四条边框的颜色;background: 设置所有的背景属性;background-color: 设置元素的背景颜色;background-image: 设置元素关于孔子的作文的背景图像;

3)css列表和表格相关属性

list-style:在一个声明中设置所有的列表属性;list-style-image:将图像设置为列表项标记;list-style-position: 设置列表项标记的放置位置;list-styl邻居的耳朵e-type: 设置列表项标记的类型;border-collap:设置是否把表格边框合并为单一的边框;border-spacing:设置分隔单元格边框的距离;caption-side:设置表格标题的位置,默认在上面;empty-cells:设置是否显示表格中的空单元格;

文章结尾分享给大家一些基础的html,css面试题,喜欢这篇文章可以点赞加关注哦!还有更多html,css,javascript,vue相关面试题,需要的戳这里,免费分享。

本文发布于:2023-04-05 10:58:12,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/d8bdac4588be6fb72418920cc4ea44f5.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:css设置字体样式属性(分享css设置字体颜色的代码).doc

本文 PDF 下载地址:css设置字体样式属性(分享css设置字体颜色的代码).pdf

标签:边框   样式   属性   元素
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图