Day2

K31.选择器

1.为什么要用控制器

  2.element选择器

K32.div的class命名

1.class选择器

K33.id选择器

1.id选择器

K34.通配选择器

1.*通配符/选择器

K35.选择器pro

1.群组选择器

      1)原

      2)现

2.包含选择器/后代选择器

      1)例

K36.伪类选择器

1.伪类选择器

K37.新闻案例实践(建议原视频)

K38.选择器的权重

1.原则

  2.详细

K39.css的属性

1.属性内容大略

  2.文本属性

      1)网页支持的字体

K40.文本属性:颜色

1.color:rgb(x,x,x) 0-255(0最弱,255最强)
  2.color:#xxxxxx 十六进制(0-9 A-F 两位为组,红绿蓝)

K41.文本属性:加粗、倾斜

1.加粗:font-weight:X(100-900 逐渐加粗)
  2.倾斜:font-style:X(单词)

K42.文本属性:水平样式和单行样式

1.补充

K43.文本属性:首行缩进和字间距

1.特殊的词间距:word-spacing
  2.首行缩进em:一个字体大小为em(可用于文章开头空两格)

K44.文本属性:文本修饰线

1.常用:text-decoration:none(a链接搭配)

K45.案例实践(基础)

K46.文本属性:文本变形

1.text-transform(大小写)
      1)capitalize 首字母大写
      2)lowercase 全部小写
      3)uppercase 全部大写
  2.font

K47.列表属性

1.大略

      1)设置个性列表符

K48.背景属性

1.常见背景属性

  2.背景图片默认平铺
  3.平铺:no-repeat不平铺 repeat-x x轴平铺 repeat-y y轴平铺
  4.图片定位:可用1)px   2)%   3)字母(left、center、right、top、bottom)

K49.背景图片的大小

1.background-size:1)px 2)%  3)cover(背景图片扩展至足够大,但可能不全显示)
                 4)contain(图像扩展至最大尺寸,使宽高完全适应内容区,可能留白)

K50.背景图片的固定

1.background-attachment:fixed(相对浏览器固定)
  2.background-attachment:scroll(滚动 好用)

K51.视差效果图(建议原视频)

K52.小案例pro(建议原视频)

K53.背景的复合属性

1.小略

  2.background-size只能单独使用
  3.background:url … 最后定位置(如center top)

K54.浮动属性

1.作用

K55.浮动属性pro

1.高度塌陷
      1)高度写死
      2)清浮动

      3)当前浮动元素后面补一个盒子,不设置宽高,clear:both
      4)overflow:hidden

K56.浮动案例(强烈推荐!)

K57.盒子模型

1.初步显示

K58.盒子模型:内边距特性

1.*{padding:0 }清除内边距

K59.盒子模型:边框

1.常见边框
      1)solid 单实线
      2)double 双实线
      3)dashed 线段线
      4)dotted 点状线

K60.盒子模型:margin属性(外边距)

1.相关属性

寒假集训D2.22.12.29相关推荐

  1. 寒假集训D1.22.12.28

    Day1 K1.小小开头 1.前端:交互与用户的界面   2.后端:后台相关   3.相关背景.行业.前途等琐碎内容 K2.HTML之名 1.网页的出现(简短) 2.网页的相关性质 3.什么是HTML ...

  2. 扩展欧几里得exgcd算法 acm寒假集训日记22/1/12

    数学证明 ax + by = gcd(a,b) 令gcd(a,b) = d 得:ax + by = d ① 因为:gcd(a,b) = gcd(b,a%b) 所以:bx + a%b * y = d b ...

  3. 【初学线段树,看这篇文章准没错】线段树(单点修改and区间修改)acm寒假集训日记22/1/10

    线段树 线段树是算法竞赛中常用的用来维护区间信息的数据结构.是一名ACMer 需要掌握的一种基础.重要的数据结构线段树可以在O(logN)的时间复杂度内实现单点修改,区间修改,区间查询(区间求和,区间 ...

  4. 最小生成树(Kruskal算法+Prim算法)简单讲解+最小生成树例题 acm寒假集训日记22/1/8

    算法简讲部分: Kruskal算法: 基于贪心策略大致过程分为第三步:1. 我们先用结构体把每条边的端点和权值记录下来,然后对每条边按权值进行排序2. 因为 使图连通最少需要n-1 条边,所以我们依次 ...

  5. 最少换乘(最短路+恶心的输入)acm寒假集训日记22/1/3 or 22/1/4

    题目如下: AC代码如下: #include<iostream> #include<cstring> #include<cstdio> using namespac ...

  6. CodeForces - 1485B(找规律+求和) acm寒假集训日记21/12/31or22/1/1

    题目如下: AC代码如下: #include<iostream> #include<algorithm> #include<cstring> #include< ...

  7. 矩阵问题入门(矩阵乘法and矩阵快速幂)acm寒假集训日记22/1/15

    今天凌晨3点才睡,没想到通过看小说抑制玩游戏,反而看小说的时间更长. u1s1:那小说太刺激了,晚上看很有感觉,风吹草动我就会猛地看过去(类似茄子说柜子动了,哈哈),真TM(语气词)练胆量!!!..Q ...

  8. spfa(STL写法)简单讲解+最短路(spfa)例题 acm寒假集训日记22/1/7

    前言:SPFA(Shortest Path Faster Algorithm)算法是求单源最短路线的一种算法,它是Bellman-ford的队列优化,它是一种十分高效的最短路算法. spfa 其实可以 ...

  9. G - A Bug‘s Life(并查集) acm寒假集训日记22/1/2

    题目如下: 提示:输入很大,你忍一下,小心超时 AC代码如下: #include<iostream> #include<algorithm> #include<cstri ...

最新文章

  1. android助手专业版,开发助手专业版 v5.6.1-cs for Android 直装付费专业版
  2. 干货|针对单个网站的渗透思路(精)
  3. JVM实用参数(六) 吞吐量收集器
  4. Dubbo中的监控和管理
  5. 服务器虚拟机密度,服务器整合:虚拟机密度大未必是好事
  6. 半正定问题与二阶凸锥问题(SDPSOCP)
  7. css网页设计作业_小姐姐用 HTML + CSS 画油画?谁能想到前端还有这么一手操作!...
  8. 分析师:Apple不会在2022年发布OLED iPad Air
  9. web开发python 人工智能_【图片】python可以做什么———Web开发,数据分析,人工智能和脚本开发【python学习吧】_百度贴吧...
  10. python read函数参数_最新Pandas.read_excel()全参数详解(案例实操,如何利用python导入excel)...
  11. 【数据结构】可以逃课其它字符串算法的字符串哈希算法
  12. 二维数组和稀疏数组转化
  13. C语言实例第9期:提取字符串中全部数字
  14. 【MOOC-生物信息学-蛋白质结构预测与分析】(占坑)
  15. 如何在计算机设置鼠标宏,游戏鼠标宏设置是什么?怎么设置游戏鼠标宏?
  16. rocketmq错误迁移导致问题排查
  17. 微信网页开发之网页授权获取用户信息
  18. 如何加声调口诀_小学拼音大全含:记忆口诀.拼读.书写.标调规则
  19. Java之数组实现增删改
  20. php限定符实例,PHP正则表达式限定符说明

热门文章

  1. Idea 连接 MySQL 数据库
  2. The mapped handler method class XXXX is not an instance of the actual endpoint bean class XXXX
  3. 晨星谈基金· 什么是指数基金
  4. 一加手机 android 8.0,太厚道!一加手机已开始适配Android 8.0
  5. 新手小白安装aio小主机布置家庭网络-2-PVE安装ikuai软路由
  6. Matlab+Qt开发笔记(一):matlab搭建Qt开发matlib环境以及Demo测试
  7. 计算机在线考试带宽要求,网速在线测试的办法是什么?
  8. birt家园里面看到的关于birt底层操作的原理
  9. 虫术 python绝技_虫术:Python绝技
  10. 记一次用python写序数词转换的经历