首页 > 其他分享 >前端技术之CSS课程介绍和目标

前端技术之CSS课程介绍和目标

时间:2023-02-28 21:26:01浏览次数:33  
标签:定位 盒子 模型 前端 课程 选择器 CSS 页面

HTML可以让我们实现静态页面效果,但是页面没有炫酷好看的效果,通过CSS技术可以对静态页面进行“装修”,让页面更加好看美观。本套课程了解前端体系方向,为后续深入打下基础。课程通俗易懂,理论结合实战,课堂感染力丰富,轻松掌握必会技能,真正做到学以致用。

 

浮动效果

 

定位类型

 

盒子模型

 

 

价值与收获

获取前端技能点:

掌握CSS的基本概念

掌握CSS的使用

掌握CSS选择器,浮动,定位,盒子模型的使用

 

 

课程内容

CSS
    1.CSS的引入
    2.CSS的三种书写方式
    3.明白学习CSS的重点
    4.选择器_基本选择器
    5.选择器关系选择器
    6.选择器_属性选择器
    7.选择器_伪类选择器
    8.练习百度导航栏
    9.浮动的原理
    10.消除浮动影响
    11.定位_静态定位相对定位
    12.定位绝对定位
    13.定位_固定定位
    14.盒子模型引入
    15.盒子模型代码演示
    16.盒子模型练习题

标签:定位,盒子,模型,前端,课程,选择器,CSS,页面
From: https://www.cnblogs.com/89564f/p/17166018.html

相关文章

  • CSS的书写方式
    ​ CSS的书写方式<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head><body>......
  • CSS的书写方式
    ​ CSS的书写方式<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head><body>......
  • HTML5和CSS3基础
    HTML元素空元素不是所有元素都拥有开始标签、内容和结束标签。一些元素只有一个标签,通常用来在此元素所在位置插入/嵌入一些东西。这些元素被称为空元素例如:元素``是用......
  • chosen.css
    .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:12px;height:31px;line-height:1.42857143;......
  • css易掉坑知识点整理之系列(二)
    之前也整理过系列(一),有兴趣的请点击:​​系列一​​。这是我在学习的过程中遇到的易错的或者易掉坑的css知识点的总结整理,嗯,还是会持续更新的2018/6/19今天遇到了一个base64格......
  • css hack
    一、CSS hack是什么?CSS hack是通过在css样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(不同的浏览器识别的符号是有不同的标准的,CSShack就是让我们记住这个标......
  • 路飞-day3——路飞前端全局css,全局配置文件、配置axios实现前后台交互、安装vue-cooki
    目录一、路飞前端全局css,全局配置文件1.1整理项目1.2设置全局css1.3配置全局js二、配置axios实现前后台交互三、安装vue-cookies四、安装elementui五、安装bootstrap和j......
  • 前端知识点系列一
    什么是同源:源:如果两个页面的协议,端口和域名是相同的,则两个页面具有相同的源。同源策略限制从一个源加载的文档或脚本与另一个不同的源的资源进行交互。即一个页面不能调用另......
  • css3中的z-index
    元素的层叠黄金准则:1)、谁大谁上:当具有明显的层叠水平标识的时候,如生效的z-index属性值,在同一个层叠上下文领域,层叠水平值大的那一个覆盖小的那一个2)】后来居上:当元素的层叠......
  • Luffy项目:3、前端调整(全局css、全局配置、全局axios...),后端主页轮播图表设计,接口部分
    目录Luffy项目一、luffy项目前端调整1、全局css2、全局配置文件3、安装axios4、安装vue-cookies5、安装elementui6、安装bootstrap和jq二、后端主页部分1、轮播图部分表设......