![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端开发技术
文章平均质量分 77
橘子爱吃橘子
这个作者很懒,什么都没留下…
展开
-
第五天(渐变)
渐变多列多列相关属性及使⽤⻅以下代码。字体图标五种图标CSS的变量变量的声明⾸先创建⼀个变量,必须两个中划线开始(–)。CSS变量跟⼀般属性如color没有本质差别,只是color被系统赋予内在含义。所以css的变量海被称为⾃定义属性。通过var函数使⽤变量变量是由类型的可以是字符串也可是数字或者像素等等带单位量,创建变量的时候应要注意他的类型,否则可能引起引⽤上的错误。常⻅的CSS单位和倒影第五章 ⻚⾯布局表格布局:表格当前的互联⽹环境下,已经被淘汰,因为他的可维原创 2022-11-21 17:17:45 · 219 阅读 · 1 评论 -
web第四天(使用CSS变换效果、过度效果、动画)
常⽤于响应式布局,是⽬前使⽤最多的适配⻚⾯的技术。他会根据⻚⾯的尺⼨的不同,⽽是⽤不同的样式。@font-face⼀、TureTpe(.ttf)格式:.ttf字体是Windows和Mac的最常⻅的字体,是⼀种RAW格式,因此他不为⽹站优化,⽀持这种字体的浏览器有【IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+】;⼆、OpenType(.otf)格式:.otf字体被认为是⼀种原始的字体格式,其内置在TureTy原创 2022-11-14 22:19:11 · 597 阅读 · 0 评论 -
web前端第三天作业
img标签 ⽬前在⽹⻚中使⽤的图⽚主要有 GIF、JPG、PNG、BMP 格式,但以 GIF、PNG 和 JPG 使⽤居多。GIF ⽀持动画和背景透明,同时图⽚通常⽐较⼩,但仅⽀持 256 ⾊以内的图像,因此⾊彩不够丰富。JPEG ⽀持 1670 万种颜⾊,但不⽀持动画和背景透明。当想要背景透明的时候,⼀般会使⽤PNG格式的图⽚,所以我们可以根据两者的优缺点来选择图像的格式。alt:当图⽚⽆法正常显示时,显示的⽂本内容title:当⿏标悬停在图⽚上会弹出的⽂字提示,如果alt本身没有赋值原创 2022-11-14 17:02:32 · 2316 阅读 · 0 评论 -
第二天表格练习
使用表格和表单设计用户注册界面、银行账单、电影播放界面题目二结果:题目三结果:原创 2022-11-01 23:41:32 · 120 阅读 · 0 评论 -
第二天表格和样式
第二天表格和样式原创 2022-11-01 21:19:38 · 55 阅读 · 0 评论 -
第一天初识HTML
利用多种技术创建页面或者APP等前端界面呈现给用户的过程,是给用户展示的网页,前台界面。多种技术包括以下(还有很多技术没有列举出来):○ HTML:超文本链接语言○ CSS:层叠样式○ jQuery:写尽量少的代码做尽量多的事情超文本标签语言,是一系列标签,其中标签也可以称为标记或者元素(网页呈现的主要基础),也是描述性文本,可描述表格、文字、动画等HTML分两部分:• 头部:提供浏览器所需要的信息• 主体部分:提供网页显示的主要内容。原创 2022-10-23 15:11:08 · 390 阅读 · 0 评论 -
web前端(div和css实现仿制图像画廊页面)
文章目录一、题目二、代码三、实现结果一、题目仿照这个网址的页面:http://host.sonspring.com/hoverbox/二、代码一、html代码<!DOCTYPE html><html lang="en"><html><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="2.css"> <style原创 2022-05-28 22:20:20 · 997 阅读 · 0 评论 -
html网页简介
文章目录一、相关知识点二、练习代码三、结果显示一、相关知识点1. 什么是 HTML?HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页 2. HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关原创 2022-05-01 20:16:30 · 484 阅读 · 0 评论 -
HTML表格习题练习
文章目录一、会议日程安排表二、课程表设计一、会议日程安排表<!DOCTYPE html><html><head> <title>表格</title></head><body><h3 align="center">设置单元格跨列、跨行属性</h3><center><table border="1" bordercolor="#3366ff"><capt原创 2022-02-20 13:16:19 · 2328 阅读 · 0 评论