首页 > 其他分享> 文章详细

CSS

2020-04-23 17:05:16 阅读：197 来源： 互联网

标签：title color 样式表 background 选择器 CSS red

CSS 指层叠样式表 (Cascading Style Sheets)

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。

h1 {color:red; font-size:14px;} h1为选择器，color:red为声明，color为属性，red为值，多个声明用分号;隔开

派生选择器 li strong { font-style: italic; font-weight: normal; } 只有li 元素中的 strong 元素的样式为斜体字

id选择器以"#"来定义 #red {color:red;} <p id="red">这个段落是红色。</p>

类选择器以"."为开头 .center {text-align: center} <h1 class="center"> This heading will be center-aligned </h1>

属性选择器 [title] { color:red; } 属性和值选择器 [title=W3School] { border:5px solid blue; } 指定值的 title 属性的所有元素设置样式 [title~=hello] { color:red; }

插入样式表

外部样式表 <head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head>

内部样式表　　使用<style></style>

<head>
<style type="text/css">
  hr {color: sienna;}
  p {margin-left: 20px;}
  body {background-image: url("images/back40.gif");}
</style>
</head>

内联样式 <p style="color: sienna; margin-left: 20px"> This is a paragraph </p>

背景色 p {background-color: gray;}

背景图像 body {background-image: url(/i/eg_bg_04.gif);}

背景定位 background-position:center;

标签：title,color,样式表,background,选择器,CSS,red
来源： https://www.cnblogs.com/hqhdry/p/12761982.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

CSS