css基本知识框架图

简介: css基本知识框架:(一:基本知识缩影。二基本知识框架图) 1.css样式表的基本概念 2.样式表基本类型-----1.内嵌样式 2.内联样式3.链入外部样式表4.导入外部样式 3.样式表配置方法 4.字体属性----1.font-family                     2.font-size(四种尺寸方式:绝对尺寸(xx-small。

css基本知识框架:(一:基本知识缩影。二基本知识框架图)

1.css样式表的基本概念

2.样式表基本类型-----1.内嵌样式 2.内联样式3.链入外部样式表4.导入外部样式

3.样式表配置方法

4.字体属性----1.font-family

                    2.font-size(四种尺寸方式:绝对尺寸(xx-small。。。medium。。xx-large7种),相对(larger,smaller,em),px,%)

                    3.font-weight(6种方式,normal(400),bold(700),bolder,lighter,100.。。900,inherit)

                    4.font-style(3种normal,italic,oblique)

                    5.font-variant(normal,small-caps,inhert)

                    6.font

5.文本属性----1.text-align(5种属性justify,inherit) 2.letter-spacing  3.color(3种颜色特性)4.text-indent(首行缩进)

6.背景颜色以及图像设置

                   1.background-color

                   2.background-image

                   3.background-repeat(5种repeat,repeat-x,repeat-y,norepeat,inherit)

                   3.background-attachment(3种fixed,scroll,inherit)

                   4.background-position(3种方式)

                   5.background-size

                   6.background-origin(从何处开始显示背景图片3种padding-box,border-box,content-box)

                   7.background-clip(裁剪padding-box,border-box,center-box,text)

7.边框

                   1.border-width(5种border,border-left-width(left,right,bottom))

                   2.border-style(border-(top|left|right|bottom)-style四种之下各有9种相同样式///none/dotted/dashed/solid/double/groove/ridge/inset/outset)

                   3.border-color

                   4.border-imge(5种,border-image-source|slice|width|outset|repeace|)

8.设置边距(margin(margin-left,,)padding)

9。网页超链接设置

                   1.网页链接属性(4种链接方式)

                   2.添加滚动条属性overflow(overflow-x,overflow-y)每一种分四种1.visible(显示所有文段,没有滚动条)2.auto(超容时显示滚动条)3.hidden(隐藏滚动条)4.scroll(总是显示滚动条)

                   3.设置光标属性(cursor:hand|crosshair|text|wait沙漏|help|move|e-resize|ne-resize |nw-resize|s-resize|url(‘#’))

10.css区域以及定位

                   1.position的理解(相对定位和绝对定位)

                   2.z-index层叠顺序

                   3.float浮动属性                   

                   4.clear清除属性                   

                   5.clip 是css的剪刀手                   

                   6.overflow超出范围(5种visible(超出部分溢出)hidden,auto溢出则显示否则,inherit)                

                   7.visibility(4种visible,hidden,collapse,inherit)

目录
相关文章
|
前端开发
【第18期】一文读懂原子CSS框架
【第18期】一文读懂原子CSS框架
361 0
|
前端开发
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
这篇文章详细介绍了如何在HTML和CSS中设置背景、设计表格、创建表单以及使用框架集,并通过代码示例和测试结果展示了具体的实现方法和效果。
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
|
Java BI 数据库
基于SSM框架实现面向小微企业的简历管理系统企业简历管理系统(分前后台spring+springmvc+mybatis+maven+jsp+css+echarts)
基于SSM框架实现面向小微企业的简历管理系统企业简历管理系统(分前后台spring+springmvc+mybatis+maven+jsp+css+echarts)
190 0
|
前端开发
vue3 【提效】使用 CSS 框架 UnoCSS 实用教程
vue3 【提效】使用 CSS 框架 UnoCSS 实用教程
653 1
|
开发框架 前端开发 JavaScript
列举一些CSS框架?
列举一些CSS框架?
171 0
|
前端开发 JavaScript 开发者
【专栏:HTML与CSS实践篇】CSS框架(Bootstrap/Foundation)快速上手
【4月更文挑战第30天】Bootstrap和Foundation是两种流行的CSS框架,用于构建响应式网页。它们包含预定义的样式、栅格系统和组件,加速开发流程。Bootstrap以其12列栅格系统闻名,而Foundation提供更定制化和模块化选项。了解并熟练运用这些框架的基本概念和组件,结合最佳实践和性能优化,能帮助开发者高效创建符合现代设计趋势的网页项目。
262 3
|
存储 前端开发 JavaScript
《CSS 简易速速上手小册》第7章:CSS 预处理器与框架(2024 最新版)
《CSS 简易速速上手小册》第7章:CSS 预处理器与框架(2024 最新版)
146 2
|
前端开发 JavaScript 搜索推荐
CSS框架是前端开发中不可或缺的工具
【4月更文挑战第12天】CSS框架是前端开发中不可或缺的工具
217 2
|
前端开发 JavaScript 开发者
编程笔记 html5&css&js 014 网页布局框架
编程笔记 html5&css&js 014 网页布局框架
143 1
|
前端开发 JavaScript API
编程笔记 html5&css&js 011 HTML内连框架
编程笔记 html5&css&js 011 HTML内连框架
112 1

热门文章

最新文章

  • 1
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
  • 3
    (CSS)使用Flex布局,帮助你快速了解各种基本的Flex布局属性以及帮你让元素快速达到布局中的指定位置!
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式