![](https://img-blog.csdnimg.cn/direct/1833c2df22ef4f73898f78b2d760b3e4.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Css 快速入门
文章平均质量分 53
本专栏是整合了 Css 的基础知识,让小白们快速入门、上手使用 Css,为大家的提升有较大的帮助
迪幻
本人为计算机科学与技术专业的大一新生,目前还在学习中,发布的内容如有任何错误、不妥或是值得改进的地方,敬请谅解并与我联系,谢谢o( ❛ᴗ❛ )o
展开
-
Css提高——Css的动画与3D转换
本文向大家介绍了Css中的Css动画与3D转化原创 2024-05-24 23:23:54 · 244 阅读 · 1 评论 -
Css 提高 - 获取DOM元素
Web API——获取DOM元素,为大家讲解了获取DOM元素的几种方法原创 2024-05-23 23:39:29 · 482 阅读 · 7 评论 -
Html提高——视频标签&音频标签及其相关属性
HTML5 在不使用插件的情况下,也可以原生的支持音视频格式文件的播放,当然,支持的格式是有限的。原创 2024-04-01 16:00:15 · 599 阅读 · 0 评论 -
Css提高——Css3盒子模型border-box
CSS3 中可以通过 box-sizing 来指定盒模型,有2个值:即可指定为 content-box、border-box,这样我们 计算盒子大小的方式就发生了改变。可以看到原定大小300*300的盒子被border、margin、padding撑大了;border、margin、padding撑大了;可以看到原定大小300*300的盒子被。原创 2024-03-20 07:49:07 · 622 阅读 · 0 评论 -
Css提高——Css3的新增选择器
新型办法:伪类选择器的额外标签法。原创 2024-03-18 14:36:41 · 708 阅读 · 0 评论 -
Css提高——calc函数、过渡
【代码】Css提高——calc函数、过渡。原创 2024-03-18 14:21:35 · 404 阅读 · 0 评论 -
Html提高——HTML5 新增的语义化标签
以前布局,我们基本用 div 来做。div 对于搜索引擎来说,是没有语义的。但是在html5里增加了语义化标签,如。原创 2024-03-15 10:14:03 · 640 阅读 · 0 评论 -
Css提高——flex布局及其相关属性
align-self。原创 2024-03-14 14:41:55 · 1106 阅读 · 0 评论 -
Css基础——绘制三角形、鼠标样式、轮廓线、放拖拽文本域、vertical-align属性
官方解释: 用于设置一个元素的垂直对齐方式,但是它只针对于行内元素或者行内块元素有效。这样是不利于我们的界面的美观的,所以我们可以通过设置outline: none来取消这个特效。当其中的三边都是透明(transparent)的时候,就可以看到一个小三角形。一般情况下,我们选中文本框时,文本框外面的边框会变粗或者有着蓝色的描边。在页面默认的情况下,我们的textarea是可以进行拖拽的。这不利于我们页面的排版,因此,我们可以取消这个拖动的功能。这样,我们的边框特效就取消了。原创 2024-03-13 19:55:35 · 477 阅读 · 0 评论 -
Css基础——溢出文字省略号表达
1. 先强制一行内显示文本*/ white-space: nowrap;( 默认 normal 自动换行)3. 文字用省略号替代超出的部分*/ text-overflow: ellipsis;2. 超出的部分隐藏*/ overflow: hidden;5、设置或检索伸缩盒对象的子元素的排列方式。4限制在一个块元素显示的文本的行数。3、 弹性伸缩盒子模型显示。2、溢出的部分用省略号显示。1、超出的部分被隐藏。原创 2024-03-13 10:50:08 · 1072 阅读 · 0 评论 -
Css基础——vertical-align属性
CSS 的 vertical-align 属性使用场景: 经常用于设置图片或者表单(行内块元素)和文字垂直对齐。官方解释: 用于设置一个元素的垂直对齐方式,但是它只针对于行内元素或者行内块元素有效。行内块元素适用vertical-align属性,图片、表单都属于行内块元素,默认的 vertical-align 是基线对齐。此时可以给图片、表单这些行内块元素的 vertical-align 属性设置为 middle 就可以让文字和图片垂直 居中对齐了。原创 2024-03-11 20:25:07 · 2893 阅读 · 0 评论 -
Css基础——精灵图(sprites)和字体图标
一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送 请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。因此,为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了 CSS 精灵技术(也称 CSS Sprites、CSS 雪碧)。核心原理:将网页中的一些小背景图像整合到一张大图中 ,这样服务器只需要一次请求就可以了。原创 2024-03-10 14:43:45 · 1263 阅读 · 0 评论 -
Css基础——元素的隐藏和显示
隐藏对象除了转化块级元素之外,还有显示元素的功能display隐藏元素之后就不再占有原来的位置(脱标)【对比visibility的隐藏,visibility不会脱标】visibility可以指定一个元素是可视还是隐藏visibility隐藏元素后,继续占有原来的位置(不脱标)【对比于display,display隐藏元素后会脱标】元素可视元素隐藏不做任何处理&overflow: visible。原创 2024-03-09 21:28:50 · 366 阅读 · 0 评论 -
Css基础——Css的定位
postion:relative:1、是相对于自己本来的位置进行的边偏移2、它不会脱标,仍然会在它文件流时候应有的位置html:css:效果图:position: absolute1、它的绝对是相较于祖先元素来定的,若其没有祖先元素或者是祖先元素没有定位的时候,就以浏览器为准定位2、若祖先元素都有定位(相对定位,绝对定位、固定定位)的时候,就会以最近一级有定位(相对定位,绝对定位、固定定位)的祖先元素为准进行定位3、绝对定位的元素会脱标html:css:效果图: 解释说明:因为t原创 2024-03-08 13:06:16 · 1017 阅读 · 0 评论 -
Css基础——Css的三大特性&圆角边框&阴影
复合选择器还有权重叠加的情况权重会有叠加,但是永远不会进位。原创 2024-03-07 13:59:23 · 417 阅读 · 0 评论 -
Css基础——盒子模型
如何盒子本身没有指定width/height属性则此时padding不会撑开盒子大小。代表盒子的外边距上下是30,左右是50。padding的好处。原创 2024-03-07 07:40:51 · 344 阅读 · 0 评论 -
Css基础——Css的背景
3、background-repeat 背景平铺4、background-position 背景图片位置5、background-attachment 背景固定6、背景的复合写法8、背景总结原创 2024-03-06 12:06:40 · 521 阅读 · 1 评论 -
Css基础——Css的复合选择器&Emmet语法
ul li {<li>迪幻</li><li>迪幻</li><li>迪幻</li><li>迪幻</li><li>迪灵</li><li>迪灵</li><li>迪灵</li><li>迪灵</li><li><a href="#">点我</a></li>迪灵</li><li>迪灵</li><li>迪灵</li><li>迪灵原创 2024-03-05 07:37:58 · 388 阅读 · 0 评论 -
Css基础——Css的元素显示模式
a {p {div {1、这原本是一个行内元素</a><br><a href="#">2、这原本是一个行内元素1、这原本是一个块元素</p><p>2、这原本是一个块元素1、这原本是一个块元素</div><br><div>2、这原本是一个块元素原创 2024-03-04 19:27:21 · 919 阅读 · 1 评论 -
Css基础——Css的引入方式
在html页面的<head></head>标签内部的样式表2、行内样式表在html页面的<body></body>内的标签中加入样式表以达到修改某一个标签的效果3、外部样式表通过引入外部的css文件以达到实现大量的样式修改效果的同时,不使html文件中的代码篇幅过长同一目录下有两个文件1、css外部样式表.css2.html文件css外部样式表.css:html文件:4、总结:原创 2024-03-03 19:01:08 · 336 阅读 · 0 评论 -
Css基础——Css文本属性
2、text-align 文本水平对齐方式3、text-decoration 文本装饰(文字划线)4、text-indent 文本缩进5、line-height 行间距6、总结:原创 2024-03-02 22:44:47 · 317 阅读 · 0 评论 -
Css基础——Css字体属性
h2{font-family: "微软雅黑";p{font-family: "宋体";迪幻的主页姓名:迪幻性别:男专业:计算机科学与技术body{姓名:迪幻性别:男原创 2024-03-01 14:31:06 · 486 阅读 · 1 评论 -
Css基础——Css的四种选择器
对页面某一类的标签进行统一修改2、类选择器实战:使用类选择器画盒子类选择器-多类名3、id选择器与类选择器的区别:id选择器只能被调用一次,类选择器可以被多次调用原创 2024-02-29 19:07:24 · 408 阅读 · 0 评论