登录免费注册

首页  思维导图  详情



 



CSS 3-1

CSS 3-1

2016-11-06 20:37:13   0  举报





仅支持查看

CSS

CSS

模板推荐

作者其他创作

大纲/内容

简介

Casecading Style Sheet

定义网页表现

应用

内联

<p style= "属性 : 值...>

页面嵌入

<style>...<style>

样式表链接

<link href="css文件夹下的 / xx.css">

语法

选择器 { 属性 : 值 ; ... }

选择器

全局选择器

* { }

元素类型选择器

tag { ... }

ID 选择器

#id { ... }

类选择器

.class { ... }

层级

后代选择器

祖先元素( 空格 )后代元素 { ... }

父子选择器

父元素 > 子元素 { ... }

分组选择器 (元素共享CSS样式规则)

选择器1,选择器2,... { ... }

基本样式

颜色

取值

十六进制 #FF0000

RGB rgb( 255,0,0 )

名称 red

前景色: color

背景

背景色 : background-color

背景图 : background-image : url( **.jpg )

重复 : background-repeat

repeat-x

repeat-y

no-repeat

位置 : background-position

left center right

top center bottom

固定 : background-attachment : fixed

简写 : background : 颜色图重复固定水平位置垂直位置

字体

字体族 : font-family

样式 : font-style

字号 : font-size

粗细 : font-weight

bold

300

文本

颜色 : color

justify

装饰线 : text-decoration

overline 上划线

line-throught 删除线

underline 下划线

对齐 : text-align

子主题

left

center

right

转换 : text-transform

uppercase 大写

lowercase 小写

capitalize 首字母大写

缩进 : text-indent

100px

行间距 : line-height

24px

链接

a : link {} 未访问

a : visited {} 已访问

a : hover {} 悬浮

a : active {} 点击呈现的

列表

样式 list-style-type

none 没有小圆点

square 方块

circle 圆

位置 list-style-position

inside

outside

图片

list-style-image:url ( **.jpg )

表格

边框 : border

横线折叠 : border-collapse:collapse

布局 : table-layout:fixed

隐藏空单元格 : empty-cells:hide

CSS 盒模型

图例

图例

外边距 : margin

内间距 : padding

边框 : border 简写 : border :宽度样式颜色

宽度 : border-width :

样式 : border-style :

实线 : solid

点划线 : dotted

虚线 : dashed

双线 : double

颜色 : border-color

CSS 进阶

光标指针 : cursor

default 默认

pointer 小手

text 文本

move 十字架移动

...

url ( custom.gif ) , url ( custom.cur ) , default 自定义光标

溢出 : overflow

visible 正常溢出显示

hhidden 隐藏溢出

scroll 滚动条

auto 自动决定

维度

宽

width

max-width 最大宽度

min-width 最新宽度

高

height

max-height

min-height

CSS 单位

px 像素

em 相对于字体比率

in 英寸

cm 厘米

mm 毫米

pt 点(磅)

pc picas

可视格式化

Block 块级元素

p

div

h

inline 行内级别元素

span

strong

em

...

显示 : display

block 强制块级元素显示

inline 强制显示行内级别元素

inline-block 行内块级元素

none 隐藏显示 ( 所占位置也隐藏 )

可见性 : visibility

visible 默认显示

hidden 隐藏 ( 位置不隐藏 )

collapse 当前整个行/列被删除

inherit 取决于父级元素相同显示效果

 Collect

Get Started

3-1

 Collect

Get Started

3-1

 Collect

Get Started

3-1抢单

sum=(1^1) (2^2) (3^3) …(n^n).

 Collect

Get Started

sum=(1^1) (2^2) (3^3) …(n^n).













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document