首页 > 其他分享 >时隔一年,重用了一下HTML和CSS

时隔一年,重用了一下HTML和CSS

时间:2023-06-06 20:35:39浏览次数:33  
标签:居中 XXXX 元素 边框 HTML 时隔 div 选择器 CSS

HTML

列表

无序列表   ul-li

有序列表  ol-li

表格

border指边框,cellspacing指表格元素之间的空隙,为0,则两两边框合二为一

<tr align="center">指这行居中

 table是表格

tr指第一行,th指表头元素(第一行的各个列元素)

后面tr依旧,td指此行内的每一列元素

 

表单元素

 action和method不必介绍

name是可以重复的,id是不可重复的。当submit后,select提交的是value值

label for绑定的是name的值,当点击label里的值相当于点击了input输入框

 

div标签

 class一般指类,可以帮助css选择此块。

 

CSS

.XXXX是选择class为XXXX的选择器

#XXXX是选择id为XXXX的选择器

XXXX是选择元素为XXXX的选择器

 

 margin外边框

padding内边框

Content内容

display设置此块的展示模式,行内,行内块,块

div内元素居中:

  1. display: flex;
  2.  justify-content: center;/*垂直居中*/
  3.  align-items: center;/*水平居中*/

div居中

 设置width和height

设置margin外边距

设置display显示模式

设置position上左下右

标签:居中,XXXX,元素,边框,HTML,时隔,div,选择器,CSS
From: https://www.cnblogs.com/yeban2021/p/17461543.html

相关文章

  • 明明加载好了css,js文件,页面的样式还是不对的解决办法
    页面内容的格式乱七八糟的…用F12开发人员工具检查了一下,没有发现任何问题最后,求助了bobby老师答曰:你缺乏前端知识,浏览器中有缓存,ctrl+f5强制刷新一下就好了恩,好了…......
  • Idea修改html文件不需重启
    1.首先设置为自动编译“File”->“Settings”->“Build,Execution,Deplyment”->“Compiler”2.允许运行时自动编译“Shift+Ctrl+Alt+/”,选择“Registry”,选中打勾“compiler.automake.allow.when.app.running”......
  • uniapp主题切换功能的第一种实现方式(scss变量+vuex)
    随着用户端体验的不断提升,很多应用在上线的时候都要求做不同的主题,最基本的就是白天与夜间主题。就像b站app主题切换,像这样的uniapp因为能轻松实现多端发布而得到很多开发者的青睐,但每个端的实现也有可能不同,现我把已实现的功能一点点的大家分享给大家,须要的可以参考一下,可......
  • Java-模板生成PDF方式3-HtmlToPDF
    使用thymeleaf做html模板,由xhtmlrenderer/flying-saucer-pdf-openpdf将html转为PDFLGPL和MPL许可pom.xml引入依赖<!--thymeleaf模板引擎--><dependency><groupId>org.springframework.boot</groupId><artifactId>spri......
  • 26) minify-maven-plugin 合并压缩 js css文件
     http://samaxes.github.io/minify-maven-plugin/minify-mojo.html <build><plugins><plugin><groupId>com.samaxes.maven</groupId><artifactId>minify-maven-plugin</artifactId><version&g......
  • 27) yuicompressor-maven-plugin 合并压缩 js css文件
    http://davidb.github.io/yuicompressor-maven-plugin/compress-mojo.html<plugin><groupId>net.alchim31.maven</groupId><artifactId>yuicompressor-maven-plugin</artifactId><version>1.5.1</......
  • 常用HTML代码解释
    常用HTML代码解释一、文字1.标题文字<h#>..........</h#>#=1~6;h1为最大字,h6为最小字2.字体变化<font>..........</font>【1】字体大小<fontsize=#>..........</font>#=1~7;数字愈大字也愈大【2】指定字型<fontface="字体名称">..........</font>【3】文字颜色<fo......
  • CSS之入门篇
    一.在学习css之前你应该掌握哪些基础知识1.什么是网页,什么是超文本语言(html)。2.会使用Dreamweaver等常用的网页编辑器。Dreamweaver是现今最好的网站编辑工具之一,而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS,用它来给制作网页的CSS样式表会更简单、更方便。本教程教你如......
  • uniGUI学习之UniHTMLMemo1(62)
    https://blog.csdn.net/dlboy2018/article/details/82903680UniHTMLMemo1.Lines.Add("<p>"+UniHTMLMemo3.Text);//发UniHTMLMemo1.Lines.Clear();//清空输入框在这里你会发现我在发送文字处增加了“<p>”,那是因为如果不增加这个,接收窗口显示时会把多次信息链接到一起,没有换......
  • 汽车代码的实现 - 车联网,需要Java、PHP、HTML、CSS
    汽车代码的实现 - 车联网车联网是另一个重要的汽车代码领域,它旨在将车辆、驾驶员和其他设备连接到互联网,以提高车辆性能和安全性,并实现大规模数据收集和分析。实现车联网需要使用多种编程语言和技术,如Java、PHP、HTML、CSS等。同时,还需要使用各种通信协议和技术,如Bluetooth、WIF......