寒假集训D2.22.12.29
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相关推荐
- 寒假集训D1.22.12.28
Day1 K1.小小开头 1.前端:交互与用户的界面 2.后端:后台相关 3.相关背景.行业.前途等琐碎内容 K2.HTML之名 1.网页的出现(简短) 2.网页的相关性质 3.什么是HTML ...
- 扩展欧几里得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 ...
- 【初学线段树,看这篇文章准没错】线段树(单点修改and区间修改)acm寒假集训日记22/1/10
线段树 线段树是算法竞赛中常用的用来维护区间信息的数据结构.是一名ACMer 需要掌握的一种基础.重要的数据结构线段树可以在O(logN)的时间复杂度内实现单点修改,区间修改,区间查询(区间求和,区间 ...
- 最小生成树(Kruskal算法+Prim算法)简单讲解+最小生成树例题 acm寒假集训日记22/1/8
算法简讲部分: Kruskal算法: 基于贪心策略大致过程分为第三步:1. 我们先用结构体把每条边的端点和权值记录下来,然后对每条边按权值进行排序2. 因为 使图连通最少需要n-1 条边,所以我们依次 ...
- 最少换乘(最短路+恶心的输入)acm寒假集训日记22/1/3 or 22/1/4
题目如下: AC代码如下: #include<iostream> #include<cstring> #include<cstdio> using namespac ...
- CodeForces - 1485B(找规律+求和) acm寒假集训日记21/12/31or22/1/1
题目如下: AC代码如下: #include<iostream> #include<algorithm> #include<cstring> #include< ...
- 矩阵问题入门(矩阵乘法and矩阵快速幂)acm寒假集训日记22/1/15
今天凌晨3点才睡,没想到通过看小说抑制玩游戏,反而看小说的时间更长. u1s1:那小说太刺激了,晚上看很有感觉,风吹草动我就会猛地看过去(类似茄子说柜子动了,哈哈),真TM(语气词)练胆量!!!..Q ...
- spfa(STL写法)简单讲解+最短路(spfa)例题 acm寒假集训日记22/1/7
前言:SPFA(Shortest Path Faster Algorithm)算法是求单源最短路线的一种算法,它是Bellman-ford的队列优化,它是一种十分高效的最短路算法. spfa 其实可以 ...
- G - A Bug‘s Life(并查集) acm寒假集训日记22/1/2
题目如下: 提示:输入很大,你忍一下,小心超时 AC代码如下: #include<iostream> #include<algorithm> #include<cstri ...
最新文章
- android助手专业版,开发助手专业版 v5.6.1-cs for Android 直装付费专业版
- 干货|针对单个网站的渗透思路(精)
- JVM实用参数(六) 吞吐量收集器
- Dubbo中的监控和管理
- 服务器虚拟机密度,服务器整合:虚拟机密度大未必是好事
- 半正定问题与二阶凸锥问题(SDPSOCP)
- css网页设计作业_小姐姐用 HTML + CSS 画油画?谁能想到前端还有这么一手操作!...
- 分析师:Apple不会在2022年发布OLED iPad Air
- web开发python 人工智能_【图片】python可以做什么———Web开发,数据分析,人工智能和脚本开发【python学习吧】_百度贴吧...
- python read函数参数_最新Pandas.read_excel()全参数详解(案例实操,如何利用python导入excel)...
- 【数据结构】可以逃课其它字符串算法的字符串哈希算法
- 二维数组和稀疏数组转化
- C语言实例第9期:提取字符串中全部数字
- 【MOOC-生物信息学-蛋白质结构预测与分析】(占坑)
- 如何在计算机设置鼠标宏,游戏鼠标宏设置是什么?怎么设置游戏鼠标宏?
- rocketmq错误迁移导致问题排查
- 微信网页开发之网页授权获取用户信息
- 如何加声调口诀_小学拼音大全含:记忆口诀.拼读.书写.标调规则
- Java之数组实现增删改
- php限定符实例,PHP正则表达式限定符说明
热门文章
- Idea 连接 MySQL 数据库
- The mapped handler method class XXXX is not an instance of the actual endpoint bean class XXXX
- 晨星谈基金· 什么是指数基金
- 一加手机 android 8.0,太厚道!一加手机已开始适配Android 8.0
- 新手小白安装aio小主机布置家庭网络-2-PVE安装ikuai软路由
- Matlab+Qt开发笔记(一):matlab搭建Qt开发matlib环境以及Demo测试
- 计算机在线考试带宽要求,网速在线测试的办法是什么?
- birt家园里面看到的关于birt底层操作的原理
- 虫术 python绝技_虫术:Python绝技
- 记一次用python写序数词转换的经历