![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 84
Peng~
longest-night
展开
-
JS 常见原生事件(PC)
JS常见事件原创 2023-02-28 19:40:37 · 521 阅读 · 0 评论 -
HTML5 CSS3新特性
HTML5新特性和CSS3的新特性 HTML5新增布局和表单标签 HTML5的新特性主要是针对以前的不足,增加了一些新的标签、新的表单和新的表单属性等。 这些新特性都有兼容性问题,基本是IE9+以上的版本浏览器才支持,如果不考录兼容性的问题,可以大量使用这些新特性。 HTML5新增语义化标签 头部标签 导航标签 内容标签 定义文档某个区域 侧边栏标签 尾部标签 注意: 这中语义化标签主要是针对搜索引擎的(对搜索引擎更友好) 这些新标签在页面中可以多次使用 在IE9中我们原创 2022-01-24 21:00:42 · 291 阅读 · 0 评论 -
CSS 定位 元素的显示与隐藏
CSS定位 为什么需要定位? 浮动可以让多个块级盒子没有缝隙的排列显示,经常用于横向排列盒子 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子 定位定义 定位:将盒子定在某一位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。 定位 = 定位模式+边偏移 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。 定位模式 定位模式决定定位的方式,它通过css的position属性来设置,其值可以分为四个: 值 语义 sta原创 2022-01-19 22:53:58 · 396 阅读 · 0 评论 -
CSS 浮动float布局
传统网页布局的三种方式 普通流(标准流/文档流) 所谓的标准流,就是标签按照规定好默认方式排列,是最基本的布局方式 1.块级元素会独占一行从上向下顺序排列 2.行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行 浮动 定位 什么是浮动? float属性用于创建浮动框,将其移动到一遍,知道左边缘或右边缘触及包含块或另一个浮动框的边缘 浮动特性 浮动元素会脱离标准流(脱标),不再保留原先的位置(队伍中间少了一个人,后面的人往上顶) 浮动的元素会一行内显示并且元素顶部对齐 浮动的元素具有原创 2022-01-14 17:30:10 · 400 阅读 · 0 评论 -
css盒子模型
盒子模型 1.margin和padding默认都会影响盒子实际的大小,撑大盒子 2.padding 值的个数 表达意思 padding:5px; 1个值,代表上下左右都有5像素的内边距 padding:5px 10px ; 2个值,代表上下内边距是5像素,左右内边距是10像素 padding:5px 10px 20px; 3个值,代表上内边距5像素,左右内边距10像素,下内边距20像素 padding:5px 10px 20px 30px; 4个值,依次上、右、下、左,顺时针原创 2022-01-07 15:57:05 · 179 阅读 · 0 评论 -
CSS的三大特性
CSS的三大特性 1. 层叠性 样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式 样式不冲突,不会层叠(覆盖) 2. 继承性 子标签会继承父标签中的某些样式,如文本颜色和字号(text-,font-,line-,以及color属性) 3. 4. 5. ...原创 2021-12-31 10:57:23 · 70 阅读 · 0 评论