我是靠谱客的博主 健康小鸭子,最近开发中收集的这篇文章主要介绍CSS基础知识思维导图,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

CSS基础知识     css样式         

外部表             <head><link>在其中引用可以作用于整个文档</link></head>n         

 栗子:<link rel="stylesheet" href="css/dd.css">n         

内部表             <style>选择器 {属性名称1:属性值1;属性名称2:属性值2}</style>             

栗子:<style>p{ color:pink }</style>n         

内联表             <元素名 style = “属性名称1:属性值1;属性名称2:属性值2;”>             

栗子:<p style=”color:pink ”>哈哈哈</p>n            

 常用属性             颜色属性                 

RGB颜色                     RGB模式表现形式                       

 十六进制表示法                             #000000 黑色                       

 rgb颜色方式                             rgb(255,255,255)白色                         

使用英文单词                             green标识绿色,blue标识蓝色           

 背景属性                 

设置背景颜色                     background color                 

设置背景图像                     background-image                 

设置背景图像是否重复平铺                     background-repeatn                         

属性值                             

属性值解释水平方向平铺 repeat-x                             

垂直方向平铺repeat-y                             

水平和垂直方向都平铺repeat                             

不平铺,只显示原图no- repeatn                 

背景图像是否随页面滚动                     background-attachmentn                         

属性值                          

 背景图像固定在屏幕上fixed                             

背景图像随着页面滚动scroll                 

放置背景图像的位置                     background-positionn                       

 属性值                            

水平居中或垂直居中 centern                           

 垂直方向置顶显示 top                             

垂直方向底部显示 bottom                           

 水平方向左对齐显示 left                             

水平方向右对齐显示 right                 

综合简写方式                     background             

文本属性               

 设置文本缩进                     text-indent               

 设置文本对齐方式                     text-alignn                         

左对齐 left                         右对齐 right                         

居中对齐 center                         两端对齐 justify    

最后

以上就是健康小鸭子为你收集整理的CSS基础知识思维导图的全部内容,希望文章能够帮你解决CSS基础知识思维导图所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(29)

评论列表共有 0 条评论

立即
投稿
返回
顶部