HTML
像风一羊的女孩
生活总要有一些乐趣。
展开
-
CSS元素的分类:行内元素、块类元素、行内块元素及其相互转换
元素分类行内元素常见元素:span a p ...特性:1. 并排 中间间隙(原因: 和标签后面的空格文本解析在了一起,具有文本的特性)2. 设置宽高不起作用 宽高就取决于内容的大小3. 设置上下外边距不起作用 设置左右外边距可以 不能设置内边距和边框4. 行高撑不开盒子 只会上下移动行内元素而已!块类元素常见元素:div特性:1.独立成行 一行一个 垂直排放 2. 设置所有盒模型属性都起作用3. 行高可以撑开盒子4. 默认宽度是父盒子所有有效...原创 2021-09-22 22:19:42 · 135 阅读 · 0 评论 -
前端初识到入门:CSS常用复合选择器
复合选择器概述:由两个或多个基础选择器通过不同的方式组合而成的选择器常用复合选择器后代元素选择器语法:E F{ 样式声明 } 空格连接一个或多个选择器作用:选择E元素内部包含的所有F元素代码示例:.box a{ color:red;}子元素选择器语法:E>F{ 声明样式 } >大于号 连接一个或多个选择器作用:选择E元素内部包含的所有直接子元素F代码示例:.box > a{ color:Red;}<di...原创 2021-09-22 21:50:39 · 129 阅读 · 0 评论 -
初识前端到实战,CSS代码实现三角形,典型面试题
CSS代码实现三角形是一道典型的面试题,不难但是要理解代码的思维逻辑,达到熟练的程度,仔细看代码就会发现其中的规律,编程就是要不断地写代码,熟能生巧,也就体会到了其中的奥秘,写代码是一件很有成就感的事情,真正理解代码的时候就会感觉代码很简单,每个人都有他的天赋,所以大胆地学习吧!加油,少年!废话不多说,上代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> .原创 2021-09-22 21:11:41 · 131 阅读 · 0 评论 -
Web前端入门:CSS中颜色三种写法
在CSS中,颜色的表示有三种写法,分别是:英文单词 16进制 rgb+rgba1.英文单词:例如:red, white, blue, skyblue, pink, deeppink, hotpink, yellowgreen, gold, sliver, brown...darkred.....这是最简单易懂的写法,简单的颜色是比较好写的,复杂难记的英语单词就比较考验记忆力了。color: blue;2. 16进制#6位16进制#000000为黑色#ff...原创 2021-09-16 21:40:43 · 2086 阅读 · 0 评论 -
Web前端入门:CSS选择器 挑选元素!!
废话不多说,直接上重点!1.全局选择器(通配符选择器)* {}匹配包含html在内的所有标签作用: 清除标签的默认样式!!!代码演示:*{ margin:0; padding:0;}2. 标签选择器tagName {匹配的是标签名字叫tagName的元素}a { }em {}作用:全局挑选 用来设置公共样式代码演示:<html lang="en"><head> <tit...原创 2021-09-16 21:11:38 · 103 阅读 · 0 评论 -
Web前端入门到实战:CSS实现半圆、圆、不同度数圆角效果
在css3中实现半圆、圆、不同度数的圆角都是通过border-radius来实现的,接下来将展示通过行内样式来实现以下效果!颜色随机选的~~代码如下,需要自取<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta nam.原创 2021-09-15 21:09:50 · 1517 阅读 · 1 评论 -
网页中的相对路径和绝对路径
路径在前端页面中,图片会非常的多,通常我们会新建一个文件夹来存放这些图像文件images,这时候在查找图像时就需要通过路径来描述图像文件的位置。路径可以分成,相对路径和绝对路径相对路径概述:相对路径是只有这个文件所在位置为参考基础,而建立初的目录关系,常用的相对路径包括当前目录,上一级目录,下一级目录当前目录 语法:一个点(.)后面跟一个斜杠表示当前目录也就是当前文件所在目录。 <img src="pic.png" alt=""><img src="....原创 2021-09-15 20:55:21 · 2207 阅读 · 0 评论 -
初识HTML、P标签、img标签
HTML简介HTML是一个超文本标记文言(HyperText Markup Language)超文本: 1. 超 越文本 .txt 只能写字符 不能插入图片 链接 音视频 动画 .html有 2. 运行宿主 浏览器上 超文本传输协议http /https标记: 官方(w3c )规定好的一些标识 每一个标识有一个特定功能一个标记由一组尖角号<>类型:<一>单标记:<开始标记 属性名...原创 2021-09-14 21:30:11 · 525 阅读 · 0 评论