![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 83
CSS
Yolanda-Candy
这个作者很懒,什么都没留下…
展开
-
HTML5+CSS3
HTML5新特性概述HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是 IE9+ 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。语义化标签 (★★)以前布局,我们基本用 div 来做。div 对于搜索引擎来说,是没有语义的<div class=“header”> </div><div class=“nav”> </div><原创 2022-04-04 17:00:07 · 660 阅读 · 0 评论 -
CSS(六)
一、 CSS 三角介绍网页中常见一些三角形,使用 CSS 直接画出来就可以,不必做成图片或者字体图标。一张图, 你就知道 CSS 三角是怎么来的了, 做法如下:div { width: 0; height: 0; border: 50px solid transparent; border-color: red green blue black; line-height:0; font-size: 0;}1. 我们用c...原创 2022-04-04 16:17:51 · 55 阅读 · 0 评论 -
CSS(五)
1. 定位(position) 介绍1.1 为什么使用定位我们先来看一个效果,同时思考一下**用标准流或浮动能否实现类似的效果**?场景1: 某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子.场景2:当我们滚动窗口的时候,盒子是固定屏幕某个位置的。<img src="images/ding.png" />结论:要实现以上效果,标准流 或 浮动都无法快速实现所以:1.浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。2.定位则是可以原创 2022-04-04 15:35:29 · 1861 阅读 · 0 评论 -
CSS属性书写顺序
生活中衡量一个人有气质: 穿着打扮 举止言行 等等编程中如何衡量一个人的代码能力:规范标准 优雅高质量 等等 一个词形容 专业 从代码中看出是否有经验..建议遵循以下顺序:1. 布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式)2. 自身属性:width / height / margin / padding / border / ba...原创 2022-04-04 14:39:10 · 476 阅读 · 0 评论 -
前端编程中利用PS切图还原设计图
一. PS 切图1.1. 常见的图片格式序号 格式 特点和常用的用途 1 jpg JPEG(.JPG)对色彩的信息保留较好,高清,颜色较多,我们**产品类的图片** 经常用jpg格式的 2 gif GIF格式最多只能储存256色,所以通常用来显示简单图形及字体,但是可以保存透明背景和动画效果, 实际 **经常用于一些图片小动画效果** 3 png png图像格式,是一种新兴的网络图形格式,结合了GIF和JPEG的优点...原创 2022-04-04 14:36:57 · 559 阅读 · 0 评论 -
CSS(四)
一、其他样式1、圆角边框在 CSS3 中,新增了圆角边框样式,这样我们的盒子就可以变圆角了。border-radius 属性用于设置元素的外边框圆角。语法:border-radius:length; - 参数值可以为数值或百分比的形式- 如果是正方形,想要设置为一个圆,把数值修改为高度或者宽度的一半即可,或者直接写为 50%- 该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角- 分开写:border-top-left-radius、bo...原创 2022-04-04 14:17:34 · 75 阅读 · 0 评论 -
CSS(三)
一、css三大特性1、层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题层叠性原则:- 样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式- 样式不冲突,不会层叠2、继承性 CSS中的继承: 子标签会继承父标签的某些样式,如文本颜色和字号。恰当地使用继承可以简化代码,降低 CSS 样式的复杂性。子元素可以继承父元素的样式: (text-,font-,line-这些元素开头的可以继承,以及c..原创 2022-04-03 20:26:56 · 38 阅读 · 0 评论 -
CSS(二)
笔记原创 2022-04-03 19:56:54 · 47 阅读 · 0 评论 -
CSS(一)
笔记原创 2022-04-03 19:37:25 · 62 阅读 · 0 评论