[笔记]CSS--Cascading Style Sheet

最新推荐文章于 2024-03-24 16:50:08 发布

PeakLui

最新推荐文章于 2024-03-24 16:50:08 发布

阅读量504

点赞数

分类专栏： HTML&amp;CSS 文章标签： attributes css stylesheet class basic import

本文链接：https://blog.csdn.net/PeakLui/article/details/2067122

版权

HTML&CSS 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

CSS
===========================================
CSS is a rule that tells the browser how to
render a specified tag

type
inline CSS
File CSS
Extended CSS

inline CSS
<h1 style="color:blue;font-style:italic"> //NOTICE :

File CSS
========================================
<style>...</style> in head section

<head>
<style type="text/css" media="screen,print"> // type 统一文件描述 IMG/jpg


// or @import(abc.css)
</style>
</head>
========================================

Extended CSS
========================================

========================================

import
link to extended CSS
========================================
<head>
<link rel="stylesheet" type="text/css"
href="URL">
</head>
========================================

Basic grammar of CSS
===========================================
Basic
Selector{property1:value1;property2:value2;property3:value3;...}
Mutil-selector
h1,h2,h3,h4,h5,h6{text-align:center}
===========================================

Selectors in context
===========================================
ol li{list-style:upper-roman}
ol ol li{list-style:upper-alpha}
ol ol ol li{list-style:decimal}
h1 em{color:red}
h1 em,p strong,address{color:blue} //多选择器 & 上下文
===========================================

Special selector通用选择器
* {color:purple}

class of style
===========================================
<style>

</style>

...

<p class=abstract>
...
</p>
===========================================

General class of style
===========================================
.italic{font-style:italic}

<p class=italic>
...
</p>
===========================================

Pseudo-class
===========================================
A.visited{color:blue}
<a href="zzz" class="visited">...</a>

Visited
Link
Active

===========================================

Style attributes
font
color
background
text
frame
set

Value of attributes
keyword: underline,small
Length:1.5CM,+0.25mm,-3pt
percentage
URL: url
color:
  aqua,black,blue,fuchsia,gray,green,lime,maroon
  Rgb(100%,100%,100%)
  Rgb(255,255,255)
  #rrggbb   //16
  #rgb

PeakLui

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
[笔记]CSS--Cascading Style Sheet

CSS===========================================CSS is a rule that tells the browser how torender a specified tagtype inline CSS File CSS Extended CSSinline CSS //NOTICE :File CSS===============
复制链接

扫一扫