前端
关注
分享
扫一扫
大菠萝学长
一枚程序员
展开
-
icomoon使用方法
icomoon应用原创 2023-01-19 12:02:31 · 668 阅读 · 2 评论 -
CSS分组选择器（不同CSS设置相同属性）
使用分组选择器，设置相同的属性。原创 2022-07-26 11:42:46 · 1516 阅读 · 1 评论 -
前端CSS浮动布局
CSS浮动布局，关键字float原创 2022-07-26 11:18:53 · 1589 阅读 · 0 评论 -
CSS后代选择器
CSS后代选择器样式针对div进行设置，例如将页面首部header中的内容部分inner居中则可通过后代选择器，先找容器，空格隔开，然后再添加指定元素即可。原创 2022-07-25 11:27:57 · 1812 阅读 · 0 评论 -
CSS网页布局
目录头部区域菜单导航区域内容区域底部区域CSS网页布局区域有头部区域，菜单导航区域，内容区域和底部区域头部区域头部区域位于整个网页的顶部，一般用于设置网页的 logo和标题等等。.header { background-color: #f28f16; padding: 40px; text-align: center;}菜单导航区域菜单导航区域包含一些链接，以引导用户浏览其他页面。.topnav { overflow: hidden;原创 2022-05-06 22:12:09 · 530 阅读 · 0 评论 -
JavaScript基础功能代码实现
目录HTML，CSS，JavaScript基础代码实现JavaScript：直接写入HTML输出流JavaScript：改变HTML内容JavaScript：对事件的反应HTML，CSS，JavaScriptHTML定义网页的内容CSS描述网页的布局JavaScript控制网页的行为JavaScript是脚本语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。基础代码实原创 2022-05-01 14:22:19 · 1926 阅读 · 2 评论 -
前端垂直导航栏
样例代码<!DOCTYPE HTML><html><head><style type="text/css"> .nav {background-color: #f1f1e6;}.nav ul {margin: 0;padding: 0;line-height: 2em;}.nav a {display: block; width: 8em; text-align: center;text-decoration:原创 2022-04-25 19:30:06 · 48721 阅读 · 1 评论 -
CSS布局与定位——盒子模型
目录盒子模型总讲样式属性概述border属性padding和margin属性overflow属性边框中插入图片盒子模型总讲页面中的所有元素都可以看成一个盒子，占据着一定的页面空间。网页页面上的区域、图片、导航、列表、段落等都可以是盒子。 一个盒子的实际宽度、高度:content+padding+border+margin。<!DOCTYPE html><html>...原创 2022-04-20 17:29:37 · 286 阅读 · 1 评论 -
CSS：水平居中
目录水平居中行内元素水平居中块级元素水平居中水平居中前端中设置居中布局极为常见，其中，行内元素水平居中和块内元素水平居中两种运用较多，也较为基础，如何实现该布局，让我们一起来学习一下。行内元素水平居中利用text-align: center可以实现在块级元素内部的行内元素水平居中。该方法对行内元素(inline)，行内块(inline-block)，行内表(inline-table)，inline-flex元素水平居中都适用。<!DOCTYPE html&g原创 2022-04-18 19:43:08 · 217 阅读 · 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 · 24023 阅读 · 6 评论 -
html界面跳转
在新窗口打开 <a href="" target="_blank">网页名称</a>在当前窗口打开<a href="" target="_self">网页名称</a>原创 2022-04-16 16:01:30 · 484 阅读 · 0 评论 -
HTML emoji
HTML emoji原创 2022-04-05 19:11:54 · 2788 阅读 · 1 评论 -
HTML＜img＞标签
目录标签介绍标签应用标签属性<img>标签介绍<img> 标签定义 HTML 页面中的图像。<img> 标签有两个必需的属性：src 和 alt。从技术方面来看，图像不是直接插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。<img>标签应用 <img src="E:\forest.jpg" alt="森林">若因某些错误导致原创 2022-04-05 17:44:31 · 671 阅读 · 1 评论 -
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 · 470 阅读 · 0 评论 -
HTML链接
目录语法属性target属性name属性语法<a href="url">...</a><a href="资源地址">超级链接文字</a><a>表示一个链接的开始（定义锚），</a>表示一个链接的结束。href 属性规定链接的目标。开始标签和结束标签之间的文字被作为超级链接来显示。<a href="https://www.csdn.net/">CSDN</a>显示.原创 2021-12-28 20:47:13 · 356 阅读 · 0 评论 -
HTML列表与表格
目录列表无序号列表序号列表定义性列表表格表格的基本结构表格的标题表格尺寸设置表格的大小边框尺寸设置格间线宽度内容与格线间的宽度表格内文字的布局跨多行、多列的表元表格的颜色列表列表分类：无序号列表，序号列表，定义性列表无序号列表无序号列表使用标签<ul></ul>，每一个列表项前使用<li>。序号列表序号列表使用标签<ol></ol>，每一个列表项前使用<原创 2021-12-26 22:07:13 · 617 阅读 · 0 评论 -
HTML标签及页面布局
目录HTML标签分类页面布局及文字设计标题布局常用标签文字样式设置文字字形标签HTML标签分类单标签 例：<br>双标签 例：<h1>字号</h1>属性标签 例：<font color="red" size=2>页面布局及文字设计标题<h1> 一级标题<h2> 二级标题<h3> 三级标题<h4> 四级标题<h5>...原创 2021-12-25 20:57:54 · 1631 阅读 · 3 评论 -
HTML基本结构
HTML基本结构基本样例显示结果原创 2021-12-25 17:39:40 · 278 阅读 · 0 评论