HTML
文章平均质量分 90
本专栏将会带着大家一起来学习HTML以及CSS,欢迎大家打卡学习哦
辛-夷
跟着辛夷,学前端
展开
-
CSS(布局+flex布局)+HTML(二)
flex-direction属性决定主轴的方向(即项目排列方向)flex-direction: row(水平方向起点在左) | row-reverse(水平方向起点在右) | column(垂直方向起点在上) | column-reverse;(垂直方向起点在下flex-warp 换行 flex-wrap: nowrap (不换行)| wrap(换行,第一行在上方) | wrap-reverse(换行,第一行在下方);原创 2024-07-16 20:59:20 · 676 阅读 · 0 评论 -
CSS新增属性(圆角和盒子阴影)
下面我们就将以下盒子设置为圆形,将圆角值设置为100%,如果只想要四个角圆一些那么可以设置 border-radius值为15px,这个值可以随意给,按照自己的需求来就可以。1.介绍圆角顾名思义就是将方形盒子的直角变为圆圆的四个角,最大可以将正方形变为圆形,那么这个属性就是 border-radius。在这里我们将上面的圆拿下来再给这个圆添加阴影属性,那么box-shadow属性的值分别是什么呢?1.盒子阴影可以让盒子更加有立体感,那么接下来我们来看一下,box-shadow属性的用法。原创 2024-06-30 20:53:17 · 252 阅读 · 0 评论 -
CSS(布局+flex布局)+HTML(一)
布局(layout)即对事物的全面规划和安排,页面布局是对页面的文字、图像或表格进行格式化版式排列。网页布局对改善网站的外观非常重要,又称版式布局,大多数网站会把内容安排到多个列中,就像杂志或报纸那样,网页版面的设计延续了传统纸媒的特点,但又比传统的纸媒更灵活,传统的纸媒由于纸张大小的限制,只能在有限的空间内排列内容,而网页版面的布局,可以根据内容自适应宽度和高度。在 HTML 中,常使用 div 元素来创建多列,使用 CSS 对元素进行浮动、定位等,从而将网页设计稿中的布局样式呈现在网页上。原创 2024-06-13 20:21:41 · 1023 阅读 · 0 评论 -
学好CSS优化HTML【进阶版】
padding 内边距 padding-left padding-right padding-top padding-bottom上下左右都是20px上下为10 左右20上10 左右20 下30上10 右20 下30 左40可用属性有:dotted:定义点状边框。在大多数浏览器中呈现为实线。dashed:定义虚线边框。solid:定义实线边框。double:定义双线边框。两条单线与其间的空白组合的宽度等于指定的border-width值。原创 2024-05-20 17:10:35 · 823 阅读 · 2 评论 -
学好css优化HTML【基础版】
a:link 未被访问过,访问之前的状态a:visited 访问过后的状态、a:hover 鼠标滑过的状态a:active 鼠标按下时的状态字体颜色 color:颜色;字体大小 font-size:值px;字体 font-family :字体样式;字体加粗 font-weight:100-900(整百值)字体倾斜 font-style:italic;原创 2024-05-14 21:06:00 · 1054 阅读 · 2 评论 -
HTML的学习(二)
定义项描述项1涂山红红涂山2涂山雅雅涂山涂山容容涂山原创 2024-05-13 20:37:51 · 943 阅读 · 0 评论 -
HTML的学习(一)
属性:滚动方向:direction:left向左/right向右/up向上/down向下滚动方式:behavior:alternate/scroll/slide背景颜色:bgcolor宽度属性:width高度属性:heightscr:图片的路径alt;图片加载失败时提示文字title:鼠标悬停时显示的文字width:宽度height:高度border:边框属性注:../ 上一层级 跳出当前文件夹./ 同一层级 进入。原创 2024-05-12 20:59:00 · 1042 阅读 · 0 评论