CSS三角形 我们都知道在html中,想要画出圆形,椭圆,矩形,都很简单,但是常见的三角形,梯形如何用纯css画出却较麻烦,许多时候都是直接用三角形的图片。本文将介绍如何用纯css画出三角形和梯形一、原理 授人以鱼不如授人以渔。各种方法只有掌握了原理才能真正理解,自己才能够灵活的运用。其实三角形和梯形很简单。主要涉及到的属性就是border边框属性先给大家看一下在html中边框的表现形式
转载 2024-01-30 04:09:32
642阅读
一、HTML5与HTML的区别1、文档声明区别HTML文档的类型声明为:HTML5文档的类型声明为:HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读和开发。2、结构语义区别html:没有体现结构语义化的标签,如:<div id="nav"></div>html5:添加了许多具有语义化的标签,如:<article>、<aside&gt
转载 2023-07-27 21:34:15
234阅读
html5和css3是前端学习的重要组成部分,但很多同学在学习前端的时候,对html5和css3不是很了解。下面本篇文章就来给大家简单介绍一下html5和css3,希望对大家有所帮助。什么是HTML5?HTML5是超文本标记语言(HTML)的修订版,第五次重大修改版本;而HTML是用于描述网页内容和外观的标准编程语言。HTML5支持传统的HTML和XHTML样式语法以及其标记,新API,XHTML
DAY08伪类选择器和垂直对齐 一、动态伪类选择器:link  设置链接未点击时的状态  注意点:需要清除浏览器缓存 ,主要给a标签 :visted  设置访问过后的样式     主要给a:hover   鼠标悬停时的状态:active   点击过后的状态注:如果都给a需要注意顺
转载 2023-07-21 15:51:55
144阅读
文章目录第11章 用CSS进行布局11.1 开始布局的注意事项11.2 构建页面11.4 对默认样式进行重置或标准化11.5 盒模型11.6 控制元素的显示类型和可见性11.7 设置元素的高度11.8 在元素周围添加内边距11.9 设置边框11.11 使元素浮动11.12 控制元素浮动的位置11.12 控制元素浮动的位置11.13 对元素进行相对定位11.14 对元素进行绝对定位11.15 在栈
转载 2023-07-10 20:24:28
99阅读
1)Html5详解。 2)CSS3选择器详解。 3CSS3属性详解(图文教程)。 4)CSS预处理器之Less详解。什么是 HTML5HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更重要的是它制定了Web应用开发的一系列标准,成为第一个将Web做为应用开发平台的HTML语言。HTML5定义了一系列新元素,如新语义标签、智能表单、多媒体标签等,可以帮助开发者创建富互联网应用,还提供了一
转载 2023-07-21 17:08:34
26阅读
    有时我们会看到网站上的一些图片是渐变色的,这些图片有的是ui设计出来的,有的则是直接通过css3制作出来的。下面就讲一下css3实现渐变色的方法,以及在各个浏览器上的兼容性。  CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CS
【作业题】  一、问答题    1、 CSS选择器以及引入方式哪几种,CSS选择器有哪些以及它们的优先级    2、 行内元素和块级元素的区别,分别举出6个行内元素和块级元素,块级元素的特点是什么    3、 改变元素外边距是什么属性,改变元素内边距是什么属性    4、 如何让一个div在页面中居中    5、 如何隐藏一个div    6、 CSS的注释是什么    7、 怎样定义l
转载 2023-12-08 15:18:34
150阅读
目标:实现对号动画,慢慢画出来的感觉; 原理:外层div的背景是一个对号图片,用一个div做遮罩,让遮罩div层从左到右做运动一次即可实现动画,需要注意的是遮罩div的初始位置应该在外层div的外面; 代码如下:
原创 2022-04-06 10:46:33
580阅读
[url]http://www.admin10000.com/document/1103.html[/url]
原创 2023-05-16 13:22:41
100阅读
# 学习CSS3HTML5的流程与实现 作为一名刚入行的小白,学习如何使用HTML5和CSS3构建网页可能会让人感到棘手。然而,只要掌握了基础步骤和方法,你将能轻松实现美观且功能丰富的网页。在本文中,我将为你提供一个学习流程,并指导你通过具体的代码实现基本的网页布局。 ## 学习流程表 | 步骤 | 任务 | 描述
原创 7月前
42阅读
第六章 链接1、创建指向另一网页的链接:<a href=”http://www.site.com/directory/page.html ” rel=”external”>Lable text</a>2、HTML块级链接:HTML5几乎允许在链接内包含任何类型的元素或元素组,例如段落、列表、区块,但是其他链接、音频、视频、表
转载 2023-12-06 20:43:37
52阅读
第八章 操作样式表前言8.1.创建外部样式表8.2.链接到外部样式表8.3.创建嵌入样式表8.4.应用内联样式8.5.样式的层叠和顺序8.6.使用与媒体相关的样式表8.7.借鉴他人的灵感 前言在开始定义样式表之前,要知道如何创建和使用包含这些样式表的文件。在本章中,你将学习如何创建样式表文件,如何CSS应用到多个网页(包括整个网站)、单个页面或单独的 HTML 元素。我们会通过三种方法实现这
转载 2023-08-18 13:58:51
78阅读
文章目录第3章 基本HTML结构3.1 开始编写网页1.编写HTML5页面开头的步骤1.输入<!DOCTYPE html>,声明页面为HTML5文档2.输入<html lang="language-code">3.输入<head>,开始网页文档的头部4.输入<meta charset="UTF-8" />5.输入<title></
转载 2023-07-10 20:29:13
155阅读
6 链接6.1 创建指向另一个网站的链接链接有两个只要的部分:目标和标签使用目标(destination)可以指定访问者点击链接的时候会发什么什么。标签:是用户可以在浏览器上看到的部分,点击标签就可以激活标签达到链接的目标A元素是关键!创建一个指向另一个网站的链接<a href=”#”>链接标签</a><a> 标签的&nb
转载 2023-07-21 17:09:42
104阅读
DAY01-HTML基础一、理论1.什么是HTML?(Hyper Text Markup Language)a.是HTML的第五个版本b.是一门技术的总称2.HTML5能做什么?网页开发、小程序、公众号、小游戏、移动端开发:混合开发/原生开发、后端相关的:node.js3.项目开发流程:产品经理提出需求(原型图,需求文档prd)→UI设计师(效果图,标注图)→前端开发→后端开发(接口文档)→测试&
转载 2023-11-30 17:47:59
89阅读
问题现实中碰到这样的问题:项目中需要一个 icon,但是没有设计师资源给你作图。然后你查了下常用的 icon font,发现也没有可以用的。那么这个时候如果 icon 比较简洁(譬如只有横线、竖线、斜线、曲线),那么可以使用 css这个 icon。接下来我们先来介绍下如何css 曲线。解决方案我们用到的是 css3 中的径向渐变:radial-gradient。以下所有示
转载 2024-01-11 23:12:38
413阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画: 是从一个状态 渐渐的过渡到另外一个状态帧动画:通过一帧一帧的画面按照固定顺序和速度播放。
原创 2020-07-15 10:21:01
2202阅读
因为软件工程要交课设,而且近段时间我对前端学习也挺感兴趣的,所以就尝试着学一些前端知识。这样的话,以后搭建小项目的时候就可以自己搭建前端和写算法。 因为刚开始学习前端,所以用这个系列记录自己学习到的操作和小技巧。这篇博文主要记录了如何HTML中使用css样式。 目录外部样式内部样式行内样式样式的优先级导入样式(追加) 在HTML中加载css样式的方法目前来讲有三种:外部样式(外联样式)内部样式(
转载 2023-12-12 20:38:20
35阅读
1.CSS3样式选择符:指定样式作用的对象,可以是标签名、类名或ID等。声明:指定渲染对象的效果,包括属性和属性值。使用分号结束一个声明。所有声 明包含在一个=对大括号内,位于选择器的后面。属性:设置样式的具体效果项属性值:定义显示效果的值。2.应用样式行内样式:把CSS3样式设置为HTML标签的style属性值。内部样式:把CSS3样式放在< style>标签内外部样式:把CSS3
转载 2024-04-29 22:17:44
0阅读
  • 1
  • 2
  • 3
  • 4
  • 5