HTML 5 学习之路 三

CSS

  • 什么是CSS
    CSS的全称是Cascading Style Sheets,层叠样式表
    它用来控制HTML标签的样式,在美化网页中起到非常重要的作用
  • CSS的编写格式是键值对形式的,比如
color: red;
background-color: blue;
font-size: 20px;

冒号:左边的是属性名,冒号:右边的属性值

  • CSS有3种书写形式
  • 行内样式:(内联样式)直接在标签的style属性中书写
    <body style="color: red;">
  • 页内样式:在本网页的style标签中书写
<style>
    body {
        color: red;
    }
</style>
  • 外部样式:在单独的CSS文件中书写,然后在网页中用link标签引用
<link rel="stylesheet" href="style.css">

创建style.css文件

  • 第一步


  • 第二步 命名要规范


  • 第三步


  • 第四步
    系统没有可创建的css文件,需要自己去添加,一定要有.css```` 后缀
![](http://upload-images.jianshu.io/upload_images/2728593-fc50464e775b9e84?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 这时候就有一个问题,如果css的三种样式都设置了,会执行哪种样式??

css 遵循一个规律:
1.就近原则
2.叠加原则

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

推荐阅读更多精彩内容

  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,126评论 0 40
  • 第6章 开始学习CSS,为网页添加样式 1、认识CSS样式CSS全称为“层叠样式表 (Cascading Styl...
    夏沫xx阅读 1,069评论 1 11
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,598评论 32 459
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,787评论 1 92
  • 今天忽然明白,每一年都是一个轮回。春天生长,冬天死亡。 如果在这个时节生活抽了你一个大嘴巴,你应该庆幸。因为只要你...
    竹芊阅读 153评论 0 0