![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
大菠萝学长
一枚程序员
展开
-
icomoon使用方法
icomoon应用原创 2023-01-19 12:02:31 · 649 阅读 · 2 评论 -
CSS分组选择器(不同CSS设置相同属性)
使用分组选择器,设置相同的属性。原创 2022-07-26 11:42:46 · 1483 阅读 · 1 评论 -
前端CSS浮动布局
CSS浮动布局,关键字float原创 2022-07-26 11:18:53 · 1480 阅读 · 0 评论 -
CSS后代选择器
CSS后代选择器样式针对div进行设置,例如将页面首部header中的内容部分inner居中则可通过后代选择器,先找容器,空格隔开,然后再添加指定元素即可。原创 2022-07-25 11:27:57 · 1789 阅读 · 0 评论 -
CSS网页布局
目录头部区域菜单导航区域内容区域底部区域CSS网页布局区域有头部区域,菜单导航区域,内容区域和底部区域头部区域头部区域位于整个网页的顶部,一般用于设置网页的 logo和标题等等。.header { background-color: #f28f16; padding: 40px; text-align: center;}菜单导航区域菜单导航区域包含一些链接,以引导用户浏览其他页面。.topnav { overflow: hidden;原创 2022-05-06 22:12:09 · 522 阅读 · 0 评论 -
CSS布局与定位——盒子模型
目录盒子模型总讲样式属性概述border属性padding和margin属性overflow属性边框中插入图片盒子模型总讲页面中的所有元素都可以看成一个盒子,占据着一定的页面空间。网页页面上的区域、图片、导航、列表、段落等都可以是盒子。 一个盒子的实际宽度、高度:content+padding+border+margin。<!DOCTYPE html><html>...原创 2022-04-20 17:29:37 · 272 阅读 · 1 评论 -
CSS:水平居中
目录水平居中行内元素水平居中块级元素水平居中水平居中前端中设置居中布局极为常见,其中,行内元素水平居中和块内元素水平居中两种运用较多,也较为基础,如何实现该布局,让我们一起来学习一下。行内元素水平居中利用text-align: center可以实现在块级元素内部的行内元素水平居中。该方法对行内元素(inline),行内块(inline-block),行内表(inline-table),inline-flex元素水平居中都适用。<!DOCTYPE html&g原创 2022-04-18 19:43:08 · 204 阅读 · 1 评论 -
HTML+CSS导航栏及下拉菜单的实现
导航栏是位于页面顶部或者侧边区域的,在页眉横幅图片上边或下边的一排水平导航按钮,起着链接站点或者软件内的各个页面的作用。关于位于页面顶部的导航栏究竟是如何实现的,希望下面的代码可以对朋友们有帮助。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>书香之家</title> <style type="text/c原创 2022-04-18 12:20:13 · 23409 阅读 · 6 评论 -
CSS内容汇总
目录概述CSS添加方法行内式内嵌式外联式CSS样式优先级CSS选择器CSS选择器类型标签选择器类选择器ID选择器CSS选择器应用嵌套声明集体声明全局声明混合应用概述CSS:Cascading Style Sheets层叠样式CSS 是一种描述 HTML 文档样式的语言, CSS 描述应该如何显示 HTML 元素。HTML用来显示网页内容,CSS用来设定内容样式。相同的HTML,不同的CSS,会有不同的显示效果。网页...原创 2022-01-02 23:19:13 · 457 阅读 · 0 评论