HTML&CSS高级05-07(选择器)

首个基于LBS方案的3D传感器,VoxelSensor解析 该传感器将结合OQmented的Lissajous模式的MEMS扫描镜,与每帧逐行工作的光栅扫描相比,Lissajous轨迹扫描速度更快,并且能耗很低,它可以更快地捕获完整的场景和快速移动,并且需要更少的数据处理,可满足AR/VR对于低延迟、高效率的需求。简单来讲,Switching Pixels的区别是专注于识别激光事件,性能比普通事件相机更好,但也可以使用事件相机的算法。在具体应用中,它需要在X和Y方向发射一个或多个脉冲光束,以在X和Y轴上定位,而Z轴,也就是深度,则是通过计算光返回的时间来测量。 阅读详情

HTML&CSS高级05

选择器含义
用来选择元素的
种类
元素选择器、类选择器、id选择器、群组选择器、后代选择器、子元素选择器(最常用的选择器)……

元素选择器
举例:

body{
    text-align: center;
    padding: 0;
    margin: 0
}

类选择器

.right{
    width: 600px;
}

right是在html里规定的:

section class="right">这是右边</section>

ID选择器

#p1{
    font-size: 20px;
    color: orange;
}

ID值也是HTML里规定的,且为唯一:

<p id="p1">我是一个段落</p>

通用选择器
用来规定网页上所有元素的样式:

*{
    font-size: 14px;
}

HTML&CSS高级06(派生选择器)
群组选择器
有多个选择器下有相同的属性时,可以写成一个群组选择器。
比如:
header和section有一样的边框属性,就可以写成如下代码,精简,好维护。

header,section{
    border: 1px solid #ccc;
}

后代选择器
“.right > header”这个的意思是类选择器right的直接子元素header元素。

.right > header{
    border: none;
    border-bottom: 1px solid  #ccc;
}
.right > section{
    height: auto;
    border:none;
}

HTML:

    <section class="right">
        <header>这是右边</header>
        <section>这是右边的内容区域</section>
    </section>

选择器的优先级
选择器是有优先级的。当代码里有两个选择器定义了不同的样式,但是添加给了同一个元素,浏览器需要知道该渲染哪一个。
优先级排序:
内联 > id > 类 > 标签(元素选择器) > 伪类 > 通配符(通用选择器)


HTML&CSS高级07
伪类选择器
伪类,你可以理解为伪造的类,用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。

“:hover”伪类
当鼠标停留时运用这个样式:
CSS:

.div-square{
    width: 200px;
    height: 200px;
    background-color: #06f;
    color: #fff;
}
.div-square:hover{
    background-color: #f60;
}

HTML:

    <div class="div-square">这是一个正方形的div</div>

“:active”伪类
大概鼠标按下时运用这个样式:

“:last-child”
这个伪类的作用就是指向当前选择器选中的元素组的最后一个。

.list{
    width: 200px;
    list-style: none;
    border:1px solid #ccc;
    padding: 0;
}
.list li{
    padding: 15px;
    border-bottom: 1px solid #ccc;
}
.list li:last-child{
    border:none;
}

HTML:

<ul class="list">
        <li>01.javascrpt</li>
        <li>02.python</li>
        <li>03.java</li>
        <li>04.C语言</li>
        <li>05.android</li>
    </ul>
</body>

“:first-child”
这个伪类的作用就是指向当前选择器选中的元素组的第一个。

伪元素
伪元素我们也可以说是伪造的元素,伪元素可以显示在页面中,但在dom树中却没有。也可以说它是通过css创建的元素,而不是通过html创建的。

.div-square:before{
    content: "编程语言排名";
    display: block;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

显示为:在div-square这个元素前加上新元素。

有before,自然也有after。

如何缩减layout电路面积?减少晶体管的数量——以全加器为例【VLSI】 How to reduce the number of transistors to reduce circuit area? -- Take the Binary Full Adder as an example 优化面积的方法 1. 减少晶体管的数量 2. 改变gate matrix的布局 阅读详情

相关推荐

ADS(Arm Developer Suite)安装的坑!

实验课老师让我们区安装ADS,作为嵌入式开发的工具,原本以为这只是一个简单的软件,但是当我安装的时候,我才发现这软件太难了!安装了我大半天,看了其他的博客之后,最终才安装成功???????? 安装过程的一个巨坑就是:安装路径!以及安装许可注册文件 如果没有注意路径,最后安装成功以后打开软件就是蜜汁报错???? 报错了怎么办?删掉已安装的东西,重新安装吧,而且要删干净 再次安装的时候,打开安装包是这个提示...

weixin_42795819的博客 8220

详解CSS3中的选择器(三)伪类选择器

今天我为大家讲解下伪类选择器,这种选择器也是比较难以掌握的一种选择器。 什么是伪类选择器呢 做过Web网页开发的童鞋都经常看到css样式中有这么一种类型p:first-child { ... },像这种带有冒号(:)标志的都是伪类选择器,有的童鞋会说了,伪元素也是冒号啊,比如 div:before {...}。诚然,为了兼容CSS3之前的版本,伪元素是允许使用单冒号的,但还是提倡使用双冒号(::)。 伪类选择器也是最复杂的一种选择器,共有六大子类型: 动态伪类选择器 目标伪类选择器 语言伪类选择器 UI状

weixin_42071117的博客 1111

国产大模型高考横评:数学推理与教育落地能力实测

大模型能力评估正从开放榜单转向封闭任务的确定性验证,高考作为强逻辑、低容错、高精度的标准化考试,成为检验模型真实推理能力的理想标尺。其核心在于考察知识覆盖、步骤完整性、单位敏感性与教学对齐度,而非单纯答案正确率。数学解答题尤其凸显模型在前提校验、条件枚举与过程可控性上的差异,反映出训练数据与教育语料深度耦合带来的工程化优势。该范式已延伸至语文语感建模、英语表达习惯适配及理综跨学科缝合等场景,为智能阅卷、精准答疑和教培系统集成提供可复现、可解释、可部署的技术依据。

weixin_30436581的博客 288

CSS3高级选择器用法

CSS3高级选择器用法介绍

Pan Fengshan的博客 1万+

数字IC后端实战:如何用ICC搞定复杂模块的floorplan与powerplan(附避坑指南)

本文深入解析数字IC后端设计中复杂模块的floorplan与powerplan实战技巧,重点介绍多边形模块边界处理、MTCMOS电源网络优化及存储器摆放陷阱规避。通过Synopsys ICC工具的具体操作示例和项目实战经验,帮助工程师高效解决设计难题,提升芯片性能与可靠性。

weixin_29213525的博客 351

Deepracer 智能无人车-绿洲科学云平台介绍

Deepracer 智能无人车 绿洲科学云

woaixiyue19831的博客 1946

html css 高级,20 个 CSS 高级技巧汇总(推荐)

使用技巧会让人变的越来越懒,没错,我就是想让你变懒。下面是我收集的CSS高级技巧,希望你懒出境界。1. 黑白图像这段代码会让你的彩色照片显示为黑白照片,是不是很酷?img.desaturate {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grays...

weixin_30759083的博客 305

AI问数,智慧赋能:基于大语言模型的数据播报员应用实践探索

AI问数技术正在改变企业与数据交互的方式,它以自然语言为桥梁,让数据不再是少数专家的专利,而是成为所有业务人员的决策伙伴。这不仅是技术的创新,更是管理理念的革新。在数字化转型的关键阶段,企业应积极拥抱AI问数技术,通过降低数据使用门槛、提升数据利用效率、释放数据潜在价值,实现真正的数据驱动决策,为企业的高质量发展注入源源不断的智慧动能。AI问数,正在开启一个数据普惠的新时代。

getusushu的博客 64

layer-list实现阴影和选择器效果

实现这个效果的话,不需要多高深的技术,但是关键是要有耐心和对细节完美的追求。先看效果图: 布局: LinearLayout android:layout_width="180dp" android:layout_height="40dp" android:orientation="horizontal" android:l

huang_xiao_yu的博客 2502

python ERA-5气象数据NetCDF格式解析(一)

python ERA-5气象数据NetCDF格式解析

weixin_43896283的博客 2638

硬件工程师学习-硬件的单元测试(UT)(1)电源与时钟的测试

我们在设计的时候,通过控制电源的上电使能管脚或者通过MOSFET、或者专用的电源上电控制芯片,控制不同电源的上电时序,以确保每个芯片的电源上电时序是满足芯片的要求的。我们在测试的时候,需要对相关的要求一一测试,以确认每个上电时序满足要求的。在维基百科中,相位噪声的定义是“时域不稳定性(抖动)导致波形在相位上发生快速、短期、随机的波动,这种波动在频域中的表现即为相位噪声”。单元测试,一般是指基于开发人员自行开展的功能测试及各个功能单元的单元测试,是硬件信号级的测试,分为基本测试和信号完整性测试。

qq_43416206的博客 4034

论文阅读 (十五):A Review on Multi-Label Learning Algorithms (2013)

引入   论文地址:http://palm.seu.edu.cn/zhangml/files/TKDE’13.pdf   主要内容:   1)多标签定义及评价指标;   2)具体分析八种代表算法;   3)总结部分学习设置。

因吉的博客 1009

【视频】GStreamer+WebRTC(九):使用NVIDIA硬编解码

2)下载 GStreamer-bad 插件包源码注意要下载和 GStreamer版本对应的插件包3)下载NVIDIA硬编解码SDK最新的SDK下载地址注意 GStreamer 1.24.2 中调用的 NVIDIA Video_Codec_SDK 不是最新的,先使用下面的方法,查看gst-plugins-bad-1.24.2.tar.xz 对应的NVIDIA Video_Codec_SDK 的版本是多少。

郭老二 263

CSS选择符(选择器)

CSS选择符(选择器): 表示要定义样式的对象 1、元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; background:red;} 语法:元素名称 { 属性:属性值;} 说明: a)元素选择符就是以文档语言对象类型作为选择符,即使用结构中元素名称作为选择符。 例如 body、div、p,img,em,strong,span…等...

责任与担当 1630

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

假人有限元模型

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

html5选择器基本操作

一、结构性伪类选择器 1、类选择器 在css中可以使用类选择器把相同的元素定义成不同的样式。比如: p.left{text-align: left} p.rigth{text-align: right} 2、伪类选择器 类选择器和伪类选择器的区别在于,类选择器我们可以随意起名,而伪类选择器是CSS中已经定义好的选择器,不可以随意起名。 最常见的伪类选择器 a:link{ color: #ff6600 } 未被访问的链接 a:visited{ color: #87b291 } 已被访问的链接 a:hover{

kaiwen的博客 1617

深度学习工具包 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 - 组合器和选择器列表

Combinators and selector lists Groups of selectors on one rule 型如: A_Selector, B_Selector, ... p, li { font-size: 1.6em; } h1, h2, h3, h4, h5, h6 { font-family: helvetica, 'sans serif'; } 注意...

u013275171的专栏 254

【Html】11-高级选择器

CSS的高级选择器的介绍

郑SaScha的博客 351

用List填充选择器

public List getYearList(){ Calendar c=Calendar.getInstance(); int year=c.get(Calendar.YEAR); List yearList=new LinkedList(); yearList.add(year); yearList.add(year-1); return yearList; }

专栏坐家 959

h5学习之7(html中的高级选择器的种类和用法,a标签和img标签)

html中的高级选择器的种类和用法,a标签和img标签 伪类选择器

晏金煜的博客 4897

CSS的四种基本选择器和四种高级选择器

CSS选择器:就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。 CSS的选择器分为两大类:基本选择题和扩展选择器。 基本选择器: 标签选择器:针对一类标签 ID选择器:针对某一个特定的标签使用 类选择器:针对你想要的所有标签使用 通用选择器(通配符):针对所有的标签都适用(不建议使用) 下面来分别讲一讲。 1、标签选择器:选择器的名字代表html页面上的标签...

Jack 10万+

css中一些常用选择器的介绍

1.元素选择器 这是最基本的css选择器,html文档本身的元素就是一个选择器。 body{font-family:"Microsoft Yahei";text-align:center;background-color: #eff0f0}2.关系选择器 A B:后代选择器,此选择器作用于A后代中所有的B元素。 ul li {

宋大大的博客 669

HTML和CSS高级

CSS技巧 1.CSS3 calc() 的使用 calc() 用法类似于函数,能够给元素设置动态的值: /* basic calc */ .simpleBlock { width: calc(100% - 100px); } /* calc in calc */ .complexBlock { width: calc(100% - 50% / 3); padding: ...

fangwenzheng88的博客 409

html+css高级

html+css高级

weixin_42156283的博客 302

20 个 CSS 高级技巧汇总

使用技巧会让人变的越来越懒,没错,我就是想让你变懒。下面是我收集的CSS高级技巧,希望你懒出境界。 1. 黑白图像 这段代码会让你的彩色照片显示为黑白照片,是不是很酷? img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); ...

weixin_34199335的博客 402

HTML高级选择器

高级选择器 1.层次选择器 后代选择器 A B:根据A标签缩小范围,再到其中找到所有的A标签(父类A 后代B) 子代选择器A>B:根据A标签缩小范围,再找到子标签B(注意:只找下一级关系) 相邻兄弟选择器A+B:找到A的位置,看它下一个同级是否是B,如果是就选择 通用兄弟选择器A~B:找到A的位置,找到后面所有同...

qq_53590046的博客 576

HTML 高级选择器

HTML 高级选择器

m0_65066169的博客 737

TC3xx安全启动深度解析:从HSM、ABM到功能安全,如何设计符合ASIL-D的启动架构?

本文深入解析英飞凌TC3xx系列微控制器的安全启动架构,涵盖HSM硬件安全模块、BMHD配置及ABM模式等关键设计,探讨如何满足ASIL-D功能安全要求。通过详细的技术分析和实践案例,帮助开发者构建符合ISO 26262标准的启动流程,确保系统安全性与可靠性。

weixin_33700350的博客 603
上一篇: Python(元组)
下一篇: JS&jQuery高级05(用append在html中插入元素)
Lized
博客等级 码龄9年 0粉丝 17原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值