css入门学习day07笔记

Chatbox使用指南 阅读详情

html基础测试题

  1. 请列出核心选择器、层次选择器有哪些 (5)
  2. 块级元素的显示与隐藏,写出两种方法,并说明区别 (5)
  3. line-height与text-align,font-size与font-weight分别是设置什么的 (5)
  4. 写出表单元素的三个布尔属性 (5)
  5. css的引入方式有哪些 (5)
  6. html的核心属性有哪些?特有属性有哪些? (5)
  7. 选择器的优先级是什么?请按权重列出选择器的先后顺序 (5)
  8. 请说出overflow的三种取值,并说明具体含义 (5)
  9. 说明几种定位,并说明它们是否脱离了文档流、相对于谁来定位 (5)
  10. 父子级的div,父级样式:width:300px;height:300px;background-color:pink;
    子级样式:width:100px;height:100px;background-color:teal;
    若给子元素div添加margin-top会出现什么现象,怎么解决这个现象 (5) (可画图对比添加margin-top前后位置)
  11. 块级元素在父元素中水平垂直居中的方法有哪些 (5)
  12. 盒子模型有哪些,简述它们的概念、宽度的计算方式,并说明通过什么属性可以改变盒模型 (5)
  13. 清除浮动的方式,请从父子级和兄弟级两方面进行描述 (5)
  14. 块级元素与行内元素的特性,并举例哪些是块级元素与行内元素 (5)
  15. 简述css3动画与过度效果 (5)
  16. 如何理解响应式布局 (5)
  17. 请说明一下选择器的权重 (5)
    ul.products::after
    form > input[type=‘text’]
    #first p
  18. 一个满屏品字布局如何设计 (5)
  19. 使用代码实现图片轮播 (10)

分数:前18题5分,最后一题10分


答案附day11笔记
银河麒麟鲲鹏aarch64架构安装docker和K8s 鲲鹏云服务器上安装docker-云社区-华为云 (huaweicloud.com) 这里我下载的版本是docker-18.09.3.tag docker 安装包地址:https://download.docker.com/linux/static/stable 配置system服务 在github对应分支的contrib/init/systemd/ 下面,提供了对应的docker.service以及docker.socket文件,可以直接拷贝到本地文件使用: 对应链接:https://github.c 阅读详情

相关推荐

IIS - 会话cookie中缺少HttpOnly属性

不啰嗦,我们直接开始! 先进行常规设置 打开配置编辑器 选中图中节点,将httpOnlyCookies设置为true 然后。。。不起作用。。。 换种方式 通过配置出站规则getcookie添加HttpOnly 在Web.config中添加如下出站规则 <rewrite> <outboundRules> <rule name="Add HttpOnly"> <match serverVa.

。 21万+

CSS学习(二)

1、浮动 float:left 元素向左浮动 float:right 元素向左浮动 由于块级元素默认独占一行,不能并列显示,因此可以使用浮动让块级元素并列显示。 HTML <ul class="nav"> <li>1</li> <li>2</li> <li>3</li> </ul> CSS .nav { background-color: red; margin: 0; } .nav li { wi

mojirg的博客 197

采用超级电容设计的UPS不间断电源,用于掉电数据保存,可续航10-60秒

关键词:树莓派 CM4 UPS 不间断电源 掉电保存 超级电容 SuperCap 充电 升压 续航 10F 法拉电容 Mcuzone 野芯科技 概述:我们经常会遇到系统意外掉电的情况,对于一些可靠性要求很高的工业现场设备或者运行过程中有重要数据需要保存的平台就需要UPS电源了。常规的UPS采用后备锂电池设计,具备无缝切换、续航时间长、稳定可靠等特点,但同时也有价格过高、体积过大的缺点。对于不少仅需在检测到系统掉电后对数据进行保存即可的应用而言,这些标准的UPS电源就不太合适,为此我...

6606

简单的CSS3样式

Hellow大家好!今天我们来简单的学习两个个有趣的CSS样式 来先看代码 .div{ width: 300px; height: 300px; background-color: red; } <div class="div"></div> 一个简单的红色方块! 我们给他加点代码 .div{ width: 300px; height: 300px; ...

SamaelzzZ的博客 354

别再只调PID了!手把手教你从LC谐振到检波,搞定STM32智能车电磁循迹硬件电路

本文深入解析STM32智能车电磁循迹硬件电路设计,从LC谐振选频到数字信号处理,提供完整的信号链路设计要点与实战技巧。通过优化电磁杆布局和信号放大电路,显著提升赛道位置检测精度,误差可控制在±0.5cm以内,为智能车竞赛提供可靠硬件支持。

weixin_29220405的博客 268

从摄像头选型到PCB布线:搞懂MIPI CSI带宽计算,避免你的嵌入式项目翻车

本文详细解析了MIPI CSI带宽计算在嵌入式项目中的关键作用,从摄像头选型到PCB布线提供全流程指导。通过实际案例和计算公式,帮助工程师准确计算带宽需求,避免图像丢帧和系统崩溃问题,同时优化PCB设计确保信号完整性。

weixin_30533109的博客 376

css入门学习day08笔记

html基础测试题及答案

Perryc的博客 450

告别环境配置噩梦:用Docker Desktop + WSL2在Windows上5分钟搞定vLLM运行环境

本文详细介绍了如何在Windows系统上使用Docker Desktop和WSL2快速搭建vLLM开发环境,5分钟内完成配置。通过容器化技术解决传统环境配置中的依赖冲突、环境污染等问题,提供一键复用的高效方案,特别适合AI开发者快速部署和测试vLLM框架。

weixin_28728495的博客 503

关于块级元素显示与隐藏的三种方式的分享

块级元素的显示与隐藏 在我们前端开发的过程中,时常遇到块级元素的需要显示和隐藏的这种需求,那么我们一般用什么方式来解决这个问题呢? 1.display:none/block 这种方式元素隐藏之后,不占用原来的位置 2.visibility:hidden/visible 元素隐藏之后,占用原来的位置 3.opcity: 0/1 设置透明度来隐藏,占用原来位置 ...

qq_44194175的博客 1595

YOLOv8改进,YOLOv8主干网络替换为FasterNet(全网独发手把手教学,助力涨点)

FasterNet的整体架构由四个分层阶段组成,每个阶段包含一组FasterNet模块,并在前面加一个嵌入或合并层。最后三层用于特征分类。每个FasterNet模块内部,一个PConv层后跟两个PWConv层,为了保持特征多样性并降低延迟,归一化和激活层仅在中间层之后进行,其中,PConv 是一种快速高效的卷积操作,通过仅对部分输入通道应用卷积滤波器,而保持其余通道不变,从而减少了计算量和内存访问。

在职AI算法工程师,擅长计算机视觉,YOLO目标检测、分割等,擅长web、pyqt界面可视化,好内容持续更新中,来这里跟大家一起学习,共同进步 2018

〔重庆理工大学〕大学物理实验--变温霍耳效应及其参数测定

每个老师要求不同,实验报告内容和数据仅供参考。

Pretty Boy Fox的博客 3044

13-(CSS基础)选择器优先级(权重)

13-(CSS基础)选择器优先级(权重)

我们的目标是星辰大海! 154

图像处理入门007:图像处理中的数学基础:线性代数与卷积

一种:把 OpenCV 当黑盒,调用,效果不对就乱调参数;另一种:理解每个像素是怎么被周围邻域"加权平均"的,理解核翻转、边界填充、stride 的含义。前者能干活,后者能解难题。一旦遇到自定义核(比如 ISP 上的锐化)、深度学习反向传播、医学图像重建,你就必须把卷积、相关、矩阵乘法这些基本功捡回来。线性代数三件套:向量点积、矩阵乘法、线性变换;2D 卷积的数学定义:核翻转、滑动窗口、边界填充。并手写一个,验证它与和的结果完全一致(误差 < 1e-9)。f∗gn∑m−∞∞f。

专注:太空算力、AI infra、异构调度、大模型成本工程 387

两万块前端就业课程——学习笔记分享(Day_07)

本文系统讲解了CSS盒子模型中的关键概念,包括margin(外边距)和padding(内边距)的差异与应用场景。重点解析了: margin的垂直折叠现象与解决方案 父子元素间距的padding与margin选择策略 块级元素水平居中的多种实现方法 行内非替换元素的特殊盒子模型表现 box-sizing属性的工作原理与布局优化 outline、阴影等视觉效果的设置技巧 文章通过大量代码示例和对比表格,详细说明了各种布局现象的成因及最佳实践方案,特别强调了"父子用padding,兄弟用margin&q

一位搞嵌入式和前端的genius的博客 852

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

css学习day07

head>/* 元素移动 */3.定位 *//* 开始 */from {/* 结束 */to {.car {/* animation : 动画名称 运动时间 运动曲线 循环次数 *//* infinite 无限 *//* 规定运动之前的状态 *//* 运动之后停留的位置 */left: 0;top: 0;

2201_75646248的博客 1076

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

JavaWeb全套学习笔记(超详细、快速入门、实操练习记录)——持续更新中

CSS全称(层叠样式表),它的作用是给 HTML 页面加上样式,比如颜色、字体、布局等。HTML 是骨架,CSS 是化妆和衣服。HTML =数据结构(页面结构)CSS =样式(相当于皮肤/美化)JS =行为(交互逻辑,像控制器)→ 当前页打开(默认)。→ 新标签页打开,最常用。→ 在框架结构里使用。target="自定义名字"→ 指定的 iframe 里打开。

2301_82143894的博客 1273

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

HTML/CSS/JS学习笔记 Day7(CSS--C4 CSS的三大特性)

C4.CSS的三大特性:4.1 层叠性、4.2 继承性、4.3 优先级(权重优先级 / 权重叠加)

给bug两拳的博客 2449

JavaWeb学习笔记 day01 HTML 和 CSS

JavaWeb学习笔记 day01 HTML 和 CSS 1.任务 1、html 学习 2、CSS 学习 2.课堂笔记: 2.1 B/S 软件的结构 JavaSE C/S Client Server B/S Browser Server 2.2 前端的开发流程 2.3 网页的组成部分 页面由三部分内容组成! 分别是内容(结构)、表现、行为。 内容(结构),是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用html 技术来展示。 表现,指的是这些内容在页面上的展示形式。比如说。布

Alu_em的博客 843

css-day07笔记-CSS定位position

typora-copy-images-to: media 第01阶段.WEB基础:css-day07笔记-CSS定位position 一、定位(position) 学习目标 理解 能说出为什么要用定位 能说出定位的4种分类 能说出四种定位的各自特点 能说出我们为什么常用子绝父相布局 应用 能写出淘宝轮播图布局 1. CSS 布局的三种机制 网页布局的核心 —— 就是用 CS...

function_road的博客 649

两万块前端就业课程——学习笔记分享(Day_03)

本文分享了前端开发学习笔记Day03的内容,重点讲解了HTML+CSS阶段的核心知识点。文章首先解析了URL与URI的区别,强调URL是URI的子集及其在前端开发中的重要性。其次详细阐述了元素语义化的四大优势(代码维护、团队协作、无障碍访问、SEO优化)及其实现方法。接着介绍了字符编码的发展历程,指出UTF-8成为现代网页开发标准的必然性。然后对比了CSS的三种编写方式(内联、内部、外部样式表)及其适用场景,并强调外部样式表的优势。最后推荐了CSS权威学习资源(W3C、MDN、CanIUse)和高效的CSS

一位搞嵌入式和前端的genius的博客 1141

Day1 CSS学习笔记

Day1 CSS学习笔记 附带分享链接 https://share.mubu.com/doc/5qGgkibvvg0

Chillax_LXL的博客 555

两万块前端就业课程——学习笔记分享(Day_01)

该内容是前端开发入门学习资料,涵盖多方面核心知识。 软件开发体系上,介绍软件定义、体系结构及程序员职业相关内容,包括岗位认知、职能划分等。Web 开发方面,讲解网页组成、浏览器内核及网页显示流程。 开发实践部分,从用记事本开发第一个网页,到使用 VS Code 工具,介绍 HTML 基础标签、元素属性与嵌套、代码注释等。 还包含学习方法,如知识分类、刻意练习,及工具使用如 Markdown 和 VS Code 配置。知识小结明确各知识点重点与易错点。

一位搞嵌入式和前端的genius的博客 1597

JavaWeb全套学习笔记(超详细、快速入门、实操练习记录)——已更新5天

大家好,这个是我个人的JavaWeb学习笔记,基于B站上面的各总视频教程学习的,结合视频类容深度思考整理后写下的笔记,类容比较详细,适合刚入门想学习JavaWeb的小伙伴,里面记录了全程的学习过程,各自资料的收集总结,代码实操,运行截图,遇到的问题,解决方案等,笔记将持续更新,直至javaweb学习完毕,欢迎大家一起来讨论交流,一起学习,希望可以帮助到大家。笔记使用方法: 知识点是分开的,笔记中是学一点就实操一下,便于理解记忆。VS Code提供了非常丰富的插件功能,根据你的需要,安装对应的插件可以大大提高

2301_82143894的博客 1519

CSS学习笔记 Day 3

盒子模型 盒子边框 内边距 外边距 盒子模型布局稳定性 圆角边框 盒子阴影 CSS书写规范

小喾苦的博客 818

CSS学习笔记 Day 1

选择器作用缺点使用情况用法标签选择器可以选出所有相同的标签,比如p不能差异化选择较多类选择器可以选出一个或多个标签可以根据需求选择非常多id选择器一次只能选择一个标签只能用一次不推荐使用通配符选择器选择所有的标签选择的太多,有部分不需要不推荐使用属性表示注意点font-size字号我们通常用的单位是px像素,一定要跟上单位字体我们直接复制就可以了,按照团队约定来字体粗细记住加粗是700或者bold 不加粗是normal 或者400font-style。

小喾苦的博客 789

HTML/CSS/JS学习笔记 Day6(CSS--C3 背景样式)

C3.背景样式:3.0 背景样式的分类(背景颜色 / 背景图片 / 背景平铺 / 背景位置 / 背景附着 / 背景色半透明 / 背景复合写法)

给bug两拳的博客 1423
上一篇: css入门学习day06笔记
下一篇: css入门学习day08笔记
Perryc
博客等级 码龄9年 5粉丝 18原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值