css的初步学习

Akiyama      2022-02-14     173

关键词:

一、css的写法分类

1.内联(行内):写在标签里面,以属性的形式表现

<div style="color: rgba(127,50,51,1.00)">你好</div>

2.内嵌:写在head标签里面,以标签的形式表现

<style>
a{
    color: #666666;
    text-decoration: none;
}
</style>

3.外部引用:写在head标签里面,以标签的形式表现

<link rel="stylesheet" href="css/index.css">

二、样式格式

样式属性名:样式值;样式属性名:样式值

三、选择器格式

找标签,把样式应用到指定标签上

选择器{

四、选择器的分类

1.通用选择器 *

2.标签选择器  标签名

3.id选择器  通过id来查找 #id

4.class选择器 通过class来查找 .class

5.通过属性来找,通过属性名来找 input【name=“uid”】 div【id=“id”】

……

并列选择器 关键符号 ,逗号     选择器,选择器  例如: #pp,#dd{}

子元素选择器 关键符号 空格   #pp input{}

五、选择器的优先级

相同选择器,后面覆盖前面

优先级(权值):行内1000  id100    class10  标签1    通用0

 

熟练地使用css,主要还是靠练习来积累经验。

初步学习fineuploader(java)

一、认识FineUploader的功能:进入示例网站:https://fineuploader.com/demos.html#basic-setup;二、准备相关的js,css BuildFineUploaderyourselffromtheGitHubrepogitclonehttps://github.com/FineUploader/fine-uploader.gitcdfine- 查看详情

关于bfc的初步了解以及常见使用

  在学习CSS的过程中,掌握一些常用方法或效果实现的原理对于我们的学习来说是很有帮助的。如最常见的清除浮动和取消外边距塌陷时使用overflow:hidden;,在学习初期往往只知道有这种用法,且使用时会受限,这样在学习掌... 查看详情

初步学习border-radius

  1.属性解析  border-radius是css3属性,他可以使div的角进行一定程度的弯曲。  比如说下面这个width和height的正方形div    经过设置border-radius之后四个角会出现弯曲border-radius:40px;  当然我们可以针对某个角进行单独... 查看详情

vue初步学习

 Vue简单的总结一Vue简单的总结二Vue简单的总结三Vue简单的总结四(项目流程)Vue简单的总结五 查看详情

html+css学习感受

...页。 这几天的学习也比较有规律和循循渐进,首先是初步对HTML的了解,然后是对各个标签的学习和使用,标签不难,只不过短时间还不能完全吸收完全部,毕竟记忆有限,学到后面也会忘记一些前面的知识。所以只能通过... 查看详情

spring源码学习的初步体会

Spring源码学习的初步体会:深入学习和巩固java的基础知识,其中的java知识范围全部,可以边研究源码边巩固复习基础知识体会其中用到的设计思想:其中包含的设计原则和设计模式.加深对spring的理解,在业务开发中使用spring更... 查看详情

周志华《机器学习初步》绪论

周志华《机器学习初步》绪论Datawhale2022年12月组队学习✌文章目录周志华《机器学习初步》绪论一.机器学习二.典型的机器学习过程三.计算学习理论PAC模型思考两个问题问题性质角度计算要求的角度四.基本术语五.归纳偏好六.NFL... 查看详情

uwp的初步学习

                     查看详情

javascript学习js的初步了解

1、javascript的简介:     *javascript是一种基于对象和事件驱动的语言,主要应用于客户端。         --基于对象:             **提供了很多对象,可以直接使用。         -... 查看详情

git之初步学习

我的GitHub地址是:https://github.com/hbuxiaopipi  Git的初步学习首先让我明白了一个道理:学好英语非常关键。浏览英文网页和使用英文软件对于我这种英语渣渣来讲真是难于登天,但最终我还是借助各种翻译软件和翻译平台再... 查看详情

qt学习笔记1.初步接触

...的过程中对C++的各种特性有能深刻的认识。此外,我在Qt初步的学习过程中,所用的环境应该是VS2015IDE二、安装官网下载Qt安装包和QtforVSaddin,分别安装,并配置。650)this.width=650;"src="http://s5.51cto.c 查看详情

一个神奇的鼠标移入效果用css完成的

...画的心得体会。我把css动画的制作分为3个阶段:学习(初步)阶段、模仿阶段、自我开发阶段。学习(初步 查看详情

前一个星期的学习心得

...的标签以及页面的布局和CSS的应用,这一期的课程我能够初步熟悉HTML和CSS。对于一个新手而言,在有了一点html知识之后,对于CSS、DIV都感觉特别的疑惑,不知道这其中到底是什么联系?为什么用了CSS的网页不能像其它代码一样... 查看详情

复述记忆法的初步学习总结

最近我发现个人学习上投入了很多时间,但是对于产出非常不满意,基于此我发现可能自己一直以来被不好的学习方法所荼毒已久,所以开始总结和查资料,发现了一个很不错的学习方法分享,任何学习都要谨防用表面的努力和... 查看详情

css学习五(代码片段)

通过最近的练习发现了好多不足和错误1.在初步页面布局上,如果分的太细了,容易混淆。2.个别标签运用的还是不熟练。3.css个别属性运用的也不熟练。 做的东西感觉不是很美观,自己有时也会一头雾水看不懂。逻辑思维不... 查看详情

consul初步学习

简介consul是一个服务发现框架类似的还有zookeeper,eureka,etcd等作用服务发现(servicediscovery)健康检查(healthchecking)配置存储管理(key/valuestorage)可支持任意数量的区域:multi-datacenteconsul与eureka比较最大的区别是Eureka保证AP,Cons... 查看详情

对countdownlatch的初步学习(代码片段)

CountDownLatch的中文翻译为"闭锁",在JDK1.5中CountDownLatch类加入进来。为程序猿进行并发编程提供有利的帮助。 首先我们先看看JDK文档中对于CountDownLatch类的介绍:Asynchronizationaidthatallowsoneormorethreadstowaituntilasetofoperationsbeingperforme... 查看详情

框架的初步学习

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="zh-cn"><head>< 查看详情