HTML学习之路-第六天

1.CSS

(1)作用:美化网页,修改样式

(2)格式:<style type="text/css">

                              标签名称{

                                      属性名称:对应的值;

                              }

                    </style>

(3)注意点:必须写在head标签的开始标签与结束标签之间,type属性可以不用写,默认值为“text/css”

2.CSS属性:文本相关属性

(1)文字样式的属性(font-style):normal(正常的,默认值)、italic(倾斜)

(2)文字粗细的属性(font-weight):单词取值(bold加粗,bolder更粗)、数字取值(100-900之间的数字)

(3)文字大小的属性(font-size):单位(像素px),比如,font-size:10px;

(4)文字字体的属性(font-family):取值为中文是用引号括起来,比如楷体,必须电脑已经安装的字体,如果不存在,电脑会用默认字体,可以给字体添加备体方案(font-family:"其他字体",“微软雅黑”)

(5)简写:font:italic bold 10px "微软雅黑";

3.CSS属性:文本属性

(1)文本装饰属性(text-decoration):underline下划线、line-through删除线、overline上划线、none不带下划线

(2)文本水平对齐属性(text-align):center居中、right居右、left居左

(3)文本缩进属性(text-indent):2em,em是单位(文字宽度),也可以用px

4.CSS属性:颜色属性

(1)格式:color:red;、color:rgb(255,0,0);、color:rgba(255,0,0,1);、color:#f000000

(2)rgb含义:r:red红色显示的亮度,g:green绿色显示的亮度,b:blue蓝色显示的亮度

(3)rgba含义:前三个字母与rgb一样,a:透明度(取值0-1)

(4)#f0000000含义:十六进制取值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,599评论 32 459
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,792评论 1 92
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,038评论 1 4
  • 最近写的感觉不好,不动脑,没思路。 老公说写写雨,今天晚上雨好大好大,我出去逛了一圈,被隔在外面,幸好老公去接我,...
    王姑娘2阅读 200评论 0 0
  • 有那么一首歌,关于我们的歌,我开心地哼着 有那么一段情,我默默地惦记着 有那么个人,我悲催地想着 有那么个我,努力...
    越来越好的me1993阅读 177评论 0 0