CSS介绍

1. CSS

CSS = 层叠样式表 Cascding Style Sheet

HTML 表达结构, CSS 表达样式。

样式和内容 / 结构是分离的。(CSS 根本概念)

CSS 就是 HTML 标记当中用来给出样式,有不同的作用范围。


2.如何在 HTML 页面中加入 CSS

做一个外部的 CSS 文件,链接到 HTML 页面当中。

<link rel="stylesheet" type="text/css" href="mystyle.css">

在头部 <head></head> 中做一个 <style></style> 标记,定义一系列 CSS 规则,这些规则在这个 HTML 页面可以使用。

在单个 HTML 标记里头加入 style 属性,属性里面加入 CSS 的样式,标记的结构(内容)如何显示。


3.基本样式

基本样式包含名字和值。background-color:yellow; 中间用冒号分隔,结尾加分号表示这个样式结束了,后面可再加别的样式。

如果作为内嵌在 HTML 标记当中的属性。<p style="background-color:yellow;"> 这个段落遵循这个样式(谁离得最近听谁的)。

如果放在头部 <head></head> 之间,<style></style> 之间放入 p{background-color:gray;} 表示所有段落的样式(全局)。接下来首先使用内嵌的标记中讲解样式,最后再看全局的规则。

chrome浏览器显示效果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,118评论 1 92
  • 简介 这两天在搞一个实时录音和获取音频流的需求,忙的有些焦头烂额,所以今天我只整理一些基础知识,先从css入手吧....
    小貔阅读 136评论 0 0
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,872评论 32 459
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,437评论 0 40
  • 关于德械师,有几种说法,有的说是抗战前的20个调整师,也有的说是这20个调整师中的第87、第88、第36师和中央军...
    丘八史记阅读 5,370评论 3 13

友情链接更多精彩内容