首页 > 其他分享 >前端学习之html和css

前端学习之html和css

时间:2023-11-09 20:44:51浏览次数:29  
标签:前端 标题 html 三种 css 页面

前端

        快速入门篇:首先给个title,就是页面标题,比如说这页的 博客后台  -  博客园 这种,第二就是我在它的页面身体里面的标题有h1——h6六种大小的标题,可以按需选择,这个是文字类,然后为了美观一点,可以放图片上去,然后图片也得有它的大小尺寸,包括文字标题也是对吧,所以就引入了css,,css就专门控制这种“style”,颜色,大小,比如页内距等,有三种css方法,灵活的外联(有个link)是最常用的,颜色的话,也有三种表现形式,然后可以用插件去“精准抓取”,接下来就是 

       接下来是超链接,就是两种方式,一种把链接放在新页面,另一种把链接放在本页面,接下来是实现正文,可以视频,图片(注意三种路径,常用相对路径),文字放在一块儿,p是分段,然后有行高和缩进等调整美观的,以及强调每行重点的strong,好困先不写了

标签:前端,标题,html,三种,css,页面
From: https://www.cnblogs.com/cjtaaa/p/17822769.html

相关文章

  • Day04-Java开发所需的前端技术
    HTTP请求请求行请求头请求体JavaScript函数一个字母占一个字节,一个汉字占三个字节//获取长度"字符串".length//获得字符串的urIEncode编码(特殊字符需要编码)encodeURIComponent("张三")//编码结果%E5%BC%A0%E4%B8%89get请求示例GET/test?name=zhang&age=18HTTP/1.1Host:lo......
  • JS如何读取html里面的所有框架?读取框架数量
    在JavaScript中,可以使用 window.frames 来访问当前页面中的所有框架(包括<iframe>和<frame>元素)。window.frames 返回的是一个类数组对象,其中包含了当前页面中所有框架的窗口对象(window对象)。要获取页面中框架的数量,可以使用 window.frames.length。下面是一个如何使用JavaSc......
  • vue将前端的json文件上传到后台对应目录
    前端方法代码:/****@param{*}fileName文件名*@param{*}data要保存的json对象*@returns*/saveJsonFileToLocal(fileName,data){letfile=newFile([JSON.stringify(data)],`${fileName}.json`,{type:"application/json",});......
  • 5.CSS3制作苹果风格键盘
    CSS3制作苹果风格键盘HTML代码:1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8"/>5<title>CSS3KeyBoard-Linux公社-Linux系统门户网站</title>6<!--<linkrel="stylesheet"href......
  • jQuery.js - 前端必备的Javascript库
    作者:WangMin格言:努力做好自己喜欢的每一件事jQuery.js是什么?jQuery是一个快速简洁、免费开源易用的JavaScript框架,倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供了一种简便的JavaScript设计模式,以及我们开发中常用到的操作DOM的API,优化HTML文档操作......
  • JavaScript实现完整的表单验证对邮箱用户名和密码一致性检测并拦截提交-----前端
    完整的表单验证HTML网页使用JS完成用户名密码一致性和邮箱验证<!DOCTYPEhtml><!--这是HTML的注释--><htmllang="en"id="myHtml"> <head> <!--这里不是设置了编码,而是告诉浏览器,用什么编码方式打开文件避免乱码--> <metacharset="UTF-8"> <metaname......
  • 前端基础之CSS
    前端基础之CSS目录前端基础之CSS一.CSS语法格式二.CSS选择器2.1基本选择器2.2组合选择器2.3属性选择器2.4分组于嵌套2.5伪类选择器hover点击选中2.6伪元素选择器2.7选择器优先级三.CSS属性系列3.1设置长宽3.2字体属性3.3文字属性3.4背景属性3.5背景属性扩展3.6......
  • css_flex盒子内的元素文本超出部分省略
    搜索文本超出部分省略,可以搜索到如下代码white-space:nowrap;/*超出的空白区域不换行*/overflow:hidden;/*超出隐藏*/text-overflow:ellipsis;/*文本超出显示省略号*/但是如果某个元素是flex盒子的子项,且宽度自适应的话,想要实现内部元素的的文本省略,会发现......
  • websocket的消息丢失处理,以及前端监听心跳处理方案
    消息丢失处理方案:1、后台通过websocket传输给前端消息,并且后台生成校验此消息的定时任务,设置每5秒重发2、前端接收到消息后将消息通过websocket传输给后台3、后台如接收到前端的消息则删除对应的发送消息定时任务,如未收到消息则继续发送,设置最多发送5次(超过5次默认认为此条消......
  • CSS样式的高级选择器
    高级选择器前面也介绍了一些简单的选择器但是这些简单的选择器,无法更加准确选择目标元素,所以需要用到高级选择器。交集选择器交集选择器是同时满足多个选择器筛选的条件的才能被选中,即两个集合中相同的元素才能被选中。语法:是两个选择器之间不能有任何空格举个例子:1<!DOC......