![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
htmlcss
文章平均质量分 72
Jsy_997
这个作者很懒,什么都没留下…
展开
-
如何在vue项目开发中使用tailwindcss样式
在src文件夹下的asset静态资源文件夹中创建一个css样式文件夹,然后在该css文件夹下创建一个tailwind.css文件,并在文件中写入如下代码使用 @tailwind 指令注入 Tailwind 的基础 (原创 2022-07-21 20:10:30 · 5296 阅读 · 1 评论 -
CSS样式中居中显示的方式
如何实现文本内容,块级盒子以及一些行内元素水平垂直居中。原创 2022-04-15 15:14:08 · 2832 阅读 · 0 评论 -
CSS样式之响应式布局(媒体查询)
响应式布局(媒体查询)原创 2022-04-14 14:40:57 · 755 阅读 · 0 评论 -
前端新手表单部分小结
2022.03.22 今日所学小结。表单包括form,select,option,input,textarea等等。其中form元素包含一个或者多个表单元素(如上)(不包括form本身)用户可以在form表单内进行单行以及多行文本域的编写,并通过input标签的type="submit"或者type="image"进行数据的提交。form标签还可以设置发送方式method、规定向何处发送数据action、以及向服务器发送数据时如何进行编码enctype。input为当行文本域,其中标签上的t原创 2022-03-22 14:48:56 · 561 阅读 · 0 评论 -
CSS入门笔记
1.CSS样式引入1.行内样式表直接在元素上进行操作。style="属性1;属性2;"。可以对每个元素进行操作修饰<div style="font-size: 18px;color: black;">In this example the h1 element has a bottom margin of 50px and the h2 element has a top margin of 20px. So, the vertical margin between h1 and原创 2022-03-23 14:50:20 · 516 阅读 · 0 评论 -
flex布局部分属性补充
flex布局的flex-grow、flex-shrink、flex-basis、align-content以及order属性。原创 2022-04-13 16:44:46 · 750 阅读 · 0 评论 -
CSS样式之弹性盒布局
CSS中的弹性盒布局。display:flex;属性。原创 2022-04-12 15:07:01 · 847 阅读 · 0 评论 -
CSS animation 属性
关键帧动画原创 2022-04-11 19:38:56 · 13113 阅读 · 0 评论 -
CSS动画中的样式中的过渡属性
CSS动画中的样式中的过渡属性。什么是过渡属性?过渡属性的基本语法?原创 2022-04-10 15:37:23 · 3783 阅读 · 0 评论 -
CSS样式中如何使用定位功能。
什么是定位?如何去使用定位属性原创 2022-04-08 14:38:46 · 801 阅读 · 1 评论 -
CSS样式中如何使用transform变换盒子样式
CSS3中的transform基础动画样式。原创 2022-04-07 16:52:04 · 535 阅读 · 0 评论 -
CSS3中如何消除浮动带来的边框塌陷问题
浮动以及如何消除浮动带来的父元素边框塌陷问题原创 2022-04-06 15:45:46 · 375 阅读 · 0 评论 -
CSS样式中针对盒子样式的属性及技巧
1.overflow属性这个属性规定了当内容比盒子设置的大小要大时,发生的事情 语法:overflow:visible |hidden | scroll |inherit;原创 2022-04-05 16:43:56 · 1107 阅读 · 0 评论 -
CSS样式中浮动的使用
什么是浮动?如何去使用浮动2.定位原创 2022-04-03 14:27:46 · 644 阅读 · 0 评论 -
CSS样式中精灵图的使用
今天咱们来聊聊一个在实操中经常遇到一个小点。图1:图2:很多页面都有图一的一下小icon,小图标。有些时候这些图标并不是独立存在的,他可能存在于一张图上,如图2所示。项目中一些小图标、icon在一张图上面的图,我们称之为精灵图(Sprite)或者雪碧图(英文直译而来)。先看效果图html部分,就是简单地使用了一个无序列表进行效果展示。<!DOCTYPE html><html lang="en"><head> <met..原创 2022-04-01 15:12:29 · 532 阅读 · 0 评论 -
CSS3中选择器的权重问题
CSS3中的选择器权重问题。最后面写的样式也可能因为权重低的问题,而不能覆盖之前的样式。原创 2022-03-31 14:39:21 · 656 阅读 · 0 评论 -
HTML页面布局
根据所需要设计页面的效果图,去设计分析页面所需要的的html布局。最简单的可以使用div进行布局,结合css样式对div盒子进行定位。例如:这样的布局有利于爬虫软件的读取,以及后期人员的代码阅读及维护。这里提一下,侧边栏aside和正文article为了方便截图我设置了固定宽高400px。如果有需要可以设置height:calc(100vh - (头部+导航+底部的高度)) ,同样也可以由这两个盒子内部的元素去撑开父元素的高度,根据需求来。其次html5又新增了许多的语义化标签。接下来我修改原创 2022-03-30 15:05:43 · 5929 阅读 · 5 评论 -
CSS中渐变色样式以及box-sizing属性
CSS3中颜色渐变问题,文字阴影如何设置。以及盒子设为行内块元素后存在空白间隙,不能紧贴着显示等问题,该如何去消除该类影响。原创 2022-03-29 13:49:43 · 2097 阅读 · 0 评论 -
CSS边框设置以及内外边距的使用
1.边框该border属性为以下属性的简写属性。例如:border:1px solid black;border-width表示边框的粗细,可以是medium,thick等,一般使用数字加单位组合的大小就行,如1px,1em,1rem。border-style(必需的)表示边框的样式,有实线(solid)、虚线(dashed)、点状线(dotted)、双实线(double)等border-color表示边框的颜色,设置表示颜色属性的值就行。2.内边距外边距1.内边距paddi原创 2022-03-28 15:15:11 · 8446 阅读 · 0 评论 -
CSS中超链接、文本样式以及背景修饰
1.CSS链接<a href="https://www.baidu.com/" target="_blank">This is a link</a>href表示链接跳转的地址 _blank表示在新页面内打开网页 如果不设置target的值将默认在当前页面打开新的链接伪元素设置属性样式。a:link- 一个正常的、未访问的链接a:visited- 用户访问过的链接a:hover- 用户将鼠标悬停在链接上时的链接a:active- 点击时的链接以a:lin原创 2022-03-26 21:44:46 · 3386 阅读 · 1 评论 -
CSS基础的文字样式
CSS3中基础的文字文本样式。原创 2022-03-25 15:21:31 · 14750 阅读 · 0 评论 -
CSS选择器
1.简单选择器类选择器 使用时 .类名{样式1;样式2;},匹配对应类名元素 id选择器 使用时 #id{样式1;样式2;},匹配对应id的元素 标签选择器 使用时 标签名{样式1;样式2;},匹配对应标签的元素 通用元素选择器 使用时 *{样式1;样式2;},匹配所有元素 2.属性选择器以下标签名以div为例标签名[name] 所有含有name属性的di...原创 2022-03-24 14:49:59 · 782 阅读 · 0 评论