CSS
文章平均质量分 84
CSS的一些知识
Smart_zy
学好才有饭吃
展开
-
Web前端第二季(CSS):十一:第5章:案例开发:509-开发滑动图片+510-开发网校课程主标题、副标题和课程分类导航+511-开发课程列表+512-案例结束
一.目的1.想:学习前端知识2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。二.参考1.我自己代码的GitHub网址GitHub - xzy506670541/WebTest: SIKI学院的Web前端1.SIKI学院:我参考此视频实操Web前端第二季(CSS) - SiKi学院 - 生命不息,学习不止!我参考此视频实操1.w3school官网:当做字典使用w3school 在线教程1.菜鸟教程:当做字典使用...原创 2021-11-15 17:01:20 · 160 阅读 · 0 评论 -
Web前端第二季(CSS):十:第5章:案例开发:505-SiKi学院首页布局分析+506-开发右侧学习中心链接样式+507-切分SiKi学院的布局+508-开发SiKi学院的导航按钮
目录一.目的1.想:学习前端知识2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。二.参考1.我自己代码的GitHub网址1.SIKI学院:我参考此视频实操1.w3school官网:当做字典使用1.菜鸟教程:当做字典使用三.注意四.操作:1:成功:505-SiKi学院首页布局分析+506-开发右侧学习中心链接样式1.运行结果:成功:四.操作:2:成功:507-切分SiKi学院的布局1.运行结果:成功:四.操作:3:成功:508-开发SiK..原创 2021-11-15 16:26:46 · 129 阅读 · 0 评论 -
Web前端第二季(CSS):九:第5章:案例开发:501-京东案例开发+502-京东切分三框布局+503-利用绝对定位和相对定位开发第一列+504-开发中间布局
目录一.目的1.想:学习前端知识2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。二.参考1.我自己代码的GitHub网址1.SIKI学院:我参考此视频实操1.w3school官网:当做字典使用1.菜鸟教程:当做字典使用三.注意四.操作:1:成功:501-京东案例开发1.运行结果:成功:四.操作:2:成功:502-京东切分三框布局1.运行结果:成功:四.操作:2:成功:503-利用绝对定位和相对定位开发第一列1.运行结果:成功:...原创 2021-11-15 15:06:45 · 140 阅读 · 0 评论 -
Web前端第二季(CSS):八:第4章:CSS定位:401-浮动和普通文档流+402-浮动+403-浮动二+404-相对定位+405-绝对定位+406-固定定位
一.目的1.想:学习前端知识2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。二.参考1.我自己代码的GitHub网址GitHub - xzy506670541/WebTest: SIKI学院的Web前端1.SIKI学院:我参考此视频实操Web前端第二季(CSS) - SiKi学院 - 生命不息,学习不止!我参考此视频实操1.w3school官网:当做字典使用w3school 在线教程1.菜鸟教程:当做字典使用...原创 2021-11-15 11:36:53 · 392 阅读 · 0 评论 -
Web前端第二季(CSS):七:第3章:盒子模型:306-盒子模型的外边距+307-外边距自动合并+308-边框样式+309-边框颜色和边框宽度
目录一.目的1.想:学习前端知识2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。二.参考1.我自己代码的GitHub网址1.SIKI学院:我参考此视频实操1.w3school官网:当做字典使用1.菜鸟教程:当做字典使用三.注意四.操作:1:成功:306-盒子模型的外边距1.margin上右下左1.上下对应,右左对应,有上没有下的时候,下复制上的数值1.父元素的左右居中,上下居中无法实现四.操作:2:成功:307-外边距自动合并1...原创 2021-11-09 17:01:38 · 134 阅读 · 0 评论 -
Web前端第二季(CSS):六:第3章:盒子模型:301-什么是盒子模型+302-块元素和盒子模型+303-p标签和盒子模型+304-盒子模型的高宽+305-盒子模型的内边距
一.目的1.想:学习前端知识2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。二.参考1.我自己代码的GitHub网址GitHub - xzy506670541/WebTest: SIKI学院的Web前端1.SIKI学院:我参考此视频实操Web前端第二季(CSS) - SiKi学院 - 生命不息,学习不止!我参考此视频实操1.w3school官网:当做字典使用w3school 在线教程1.菜鸟教程:当做字典使用菜鸟...原创 2021-11-09 13:31:19 · 117 阅读 · 0 评论 -
Web前端第二季(CSS):五:第2章: 205-css样式字体和字体大小+206-字体的其他设置+207-有序和无序列表相关属性设置+208-css中的单位
目录一.目的1.想:学习前端知识2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。二.参考1.我自己代码的GitHub网址1.SIKI学院:我参考此视频实操1.w3school官网:当做字典使用1.菜鸟教程:当做字典使用三.注意四.操作:1:成功:205-css样式字体和字体大小1.运行效果:成功:四.操作:2:成功:206-字体的其他设置1.运行效果:成功:四.操作:3:成功:207-有序和无序列表相关属性设置1.运行效果:成功:...原创 2021-11-09 11:18:21 · 208 阅读 · 0 评论 -
Web前端第二季(CSS):四:第2章: CSS样式:201-css样式设置背景颜色+202-css样式设置背景图片+203-css样式设置文本+204-css样式设置文本二
目录一.目的1.想:学习前端知识2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。二.参考1.我自己代码的GitHub网址1.SIKI学院:我参考此视频实操1.w3school官网:当做字典使用1.菜鸟教程:当做字典使用三.注意四.操作:1:成功:201-css样式设置背景颜色1.运行成功:css样式设置背景颜色四.操作:2:成功:202-css样式设置背景图片1.运行效果:成功:四.操作:3:成功:203-css样式设置文本1...原创 2021-11-09 10:24:29 · 132 阅读 · 0 评论 -
Web前端第二季(CSS):三:109-选择器的优先级+110-其他三种选择器+111-伪类选择器+112-其他伪类
一.目的1.想:学习前端知识2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。二.参考1.我自己代码的GitHub网址GitHub - xzy506670541/WebTest: SIKI学院的Web前端1.SIKI学院:我参考此视频实操Web前端第二季(CSS) - SiKi学院 - 生命不息,学习不止!我参考此视频实操1.w3school官网:当做字典使用w3school 在线教程1.菜鸟教程:当做字典使用菜鸟...原创 2021-11-05 11:03:27 · 490 阅读 · 0 评论 -
Web前端第二季(CSS):二:106-书写css代码的三种方式+107-css语法-选择器+108-选择器的变形
一.目的1.想:学习前端知识2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。二.参考1.我自己代码的GitHub网址GitHub - xzy506670541/WebTest: SIKI学院的Web前端1.SIKI学院:我参考此视频实操Web前端第二季(CSS) - SiKi学院 - 生命不息,学习不止!我参考此视频实操1.w3school官网:当做字典使用w3school 在线教程1.菜鸟教程:当做字典使用菜鸟...原创 2021-10-26 17:10:47 · 100 阅读 · 0 评论 -
Web前端第二季(CSS):一:101-什么是CSS+102-下载安装HBuilder+103-什么是div和span标签+104-块元素和行内元素的区别+105-CSS基本语法
目录一.目的1.想:学习前端知识2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。二.参考1.我自己代码的GitHub网址1.SIKI学院:我参考此视频实操1.w3school官网:当做字典使用1.菜鸟教程:当做字典使用三.注意四.操作:1:成功:101-什么是CSS?1.成功:了解了什么是CSS四.操作:2:102-下载安装HBuilder1.下载:发现官网没有了HBuilder(已经是上一个版本了),全部是HBuilderX1.创建项目.原创 2021-10-26 13:49:02 · 417 阅读 · 0 评论