![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML、CSS、JavaScript软件开发
文章平均质量分 83
HTML、CSS、JavaScript
优惠券已抵扣
余额抵扣
还需支付
¥19.90
¥99.00
购买须知?
本专栏为图文内容,最终完结不会低于15篇文章。
订阅专栏,享有专栏所有文章阅读权限。
本专栏为虚拟商品,基于网络商品和虚拟商品的性质和特征,专栏一经购买无正当理由不予退款,不支持升级,敬请谅解。
colin工作室
这个作者很懒,什么都没留下…
展开
-
CSS 简介
CSS (Cascading Style Sheets,层叠样式表),是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言,CSS 文件扩展名为 .css。选择器通常是需要改变样式的HTML元素。每个声明由一个属性和一个值组成,属性和值被冒号“:”分开。”结束,声明总是以大括号“{}”括起来。CSS由两个主要的部分构成:选择器+声明。声明可以是1条也可以是多条。CSS注释是以/*开始。原创 2023-11-06 14:19:29 · 115 阅读 · 0 评论 -
CSS 背景、文本、字体
CSS属性定义背景效果:background-color;background-color属性定义元素的背景颜色:body {background-color:#bc0000;background-repeat属性设置水平(repeat-x)、垂直(repeat-y)平铺或不平铺(no-repeat)。background-position属性定义定位:background-position:right top;background-image属性描述了元素的背景图像。原创 2023-11-06 15:50:25 · 119 阅读 · 0 评论 -
CSS 链接、列表、表格、盒子模型
所有HTML元素可以看做盒子,在CSS中,“box model”是用来设计和布局的,CSS盒子模型本质上是一个盒子,封装的HTML元素包括边距、边框、填充和实际内容。总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距;总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距。CSS列表属性的作用:设置不同的列表项标记为有序列表;★ Padding(内边距) - 清除内容周围的区域,内边距是透明的。★ Margin(外边距) - 清除边框外的区域,外边距是透明的。原创 2023-11-07 09:45:17 · 467 阅读 · 0 评论 -
CSS 边框、轮廓线
border-color属性用于设置边框的颜色,可以通过name(指定颜色的名称)、RGB(指定RGB值)、HEX(指定颜色的十六进制值)设定颜色。(上边框是 dotted,右边框是 solid,底边框是 double,左边框是 dashed)。★ border-style:dotted solid double(上边框是 dotted,左、右边框是 solid,底边框是 double)。简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。CSS边框属性允许指定一个元素边框的样式和颜色。原创 2023-11-07 11:09:42 · 328 阅读 · 0 评论 -
CSS 外边距、填充、分组嵌套、尺寸
margin:25px 50px 75px 100px(上边距为25px,右边距为50px,下边距为75px,左边距为100px);margin:25px 50px 75px(上边距为25px,左右边距为50px,下边距为75px);padding属性可以有1到4个值:padding:25px 50px 75px 100px(上填充为25px,右填充为50px,下填充为75px,左填充为100px);padding:25px 50px 75px(上填充为25px,左右填充为50px,下填充为75px);原创 2023-11-07 14:05:35 · 459 阅读 · 0 评论 -
CSS 显示、定位、布局、浮动
粘性定位的元素是依赖于用户的滚动,在 position:relative 与 position:fixed 定位之间切换。两者的区别:visibility:hidden可以隐藏某个元素,但隐藏的元素仍占用之前的空间,即该元素虽然被隐藏,但仍然会影响布局;relative定位元素的定位是相对其正常的位置。absolute定位的元素的位置相对于最近的已定位父元素。如果元素没有已定位的父元素,那它的位置相对于。Fixed定位:元素的位置相对于浏览器窗口是固定位置,即窗口是滚动的,元素是不会移动的。原创 2023-11-07 14:49:37 · 292 阅读 · 0 评论 -
CSS 对齐、组合选择符、伪类、伪元素、导航栏
主页主页主页主页联系联系原创 2023-11-08 11:13:11 · 317 阅读 · 0 评论 -
CSS 下拉菜单、提示工具、图片廊、计数器
唐诗原创 2023-11-08 14:08:28 · 285 阅读 · 0 评论 -
CSS 网页布局
主页产品关于原创 2023-11-08 14:28:01 · 338 阅读 · 0 评论 -
CSS3 边框、圆角、背景
border-radius属性的值可以有1~4个值:四个值(第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角);CSS3中包含几个新的背景属性,提供更大背景元素控制:background-image、background-size、background-origin、background-clip。一些最重要的CSS3模块如下:选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画、多列布局、用户界面。3)、background-origin属性指定背景图像的位置区域。原创 2023-11-09 11:23:01 · 661 阅读 · 0 评论 -
CSS 渐变、文本效果、字体
CSS3定义了两种类型的渐变(gradient):线性渐变(linear gradient)-向下/向上/向左/向右/对角方向渐变;默认情况下,渐变的中心是center,渐变的形状是ellipse(椭圆形),渐变的大小是farthest-corner(到最远的角)。径向渐变-设置大小:closest-side、farthest-side、closest-corner、farthest-corner。/* 浏览器不支持的时候显示 *//* 浏览器不支持的时候显示 *//* 浏览器不支持的时候显示 */原创 2023-11-09 14:14:52 · 526 阅读 · 0 评论 -
CSS3 2D、3D转换
1、translate()方法,根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动。3、scale()方法,该元素增加或减少的大小,取决于宽度(X轴)和高度(Y轴)的参数。scale(2,3)转变宽度为原来的2倍大小、高度为原来的3倍大小。2、rolate()方法,在一个给定度数顺时针旋转的元素,负值是元素逆时针旋转。2D变换的方法:translate()、rolate()、scale()、skew()、matrix()。5、matrix()方法有六个参数,包含旋转、缩放、移动和倾斜功能。原创 2023-11-09 14:42:44 · 471 阅读 · 0 评论 -
CSS3 过度效果、动画、多列
指定至少这两个CSS3的动画属性绑定向一个选择器:规定动画的名称;CSS3的多列属性:column-count、column-gap、column-rule-style;指定效果的持续时间。column-rule-style属性指定列与列之间的边框样式.column-rule-color属性指定两列的边框颜色。column-gap属性指定列与列之间的间隙。原创 2023-11-10 10:21:06 · 1053 阅读 · 0 评论 -
CSS3 用户界面、图片、按钮
在CSS3中,增加了一些新的用户界面特性来调整元素尺寸、框尺寸和外边框。CSS3用户界面属性:resize、box-sizing、outline-offset。outline-offset属性对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。原创 2023-11-10 10:25:56 · 1284 阅读 · 0 评论 -
CSS3 分页、框大小、弹性盒子
否则,第1个弹性项的外边距和行的main-start边线对齐,而最后1个弹性项的外边距和行的main-end边线对齐,然后剩余的弹性项分布在该行上,相邻项目的间隔相等。如果指定侧轴大小的属性值为'auto',则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸,但同时会遵照'min/max-width/height'属性的限制。如果'align-self'的值为'auto',则其计算值为元素的父元素的'align-items'值,如果其没有父元素,则计算值为'stretch'wrap - 弹性容器为多行。原创 2023-11-10 10:30:02 · 686 阅读 · 0 评论 -
CSS3 多媒体查询、网格布局
对于支持Media Queries的移动设备来说,如果存在only关键字,移动设备的Web浏览器会忽略only关键字并直接根据后面的表达式应用样式文件。网格元素的垂直线方向称为列,网格元素的水平方向称为行,两个网格单元之间的网格横向或者纵向间距称为网格间距,通过grid-column-gap、grid-row-gap、grid-gap来调整间隙大小。网格式一组相交的水平线和垂直线,它定义了网格的列和行。网格元素可以向行或者列的方向扩展单元,创建网格区域。一个网格单元是在一个网格元素中最小的单位。原创 2023-11-10 10:53:51 · 1093 阅读 · 0 评论 -
CSS 属性列表
在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项(垂直)。设置一个多行的内联块内的行具有前一个和后一个内联元素的对齐。设置或检索弹性盒模型对象的子元素如何分配空间。校准行内的初始行的设置就是具有首字母的框使用初级连接点。校准行内的初始行的设置就是具有首字母的框使用辅助连接点。设置定位元素的上外边距边界与其包含块上边界之间的偏移。设置定位元素下外边距边界与其包含块下边界之间的偏移。设置定位元素左外边距边界与其包含块左边界之间的偏移。设置定位元素右外边距边界与其包含块右边界之间的偏移。原创 2023-11-24 15:49:41 · 941 阅读 · 0 评论 -
JavaScript概述
与点击这里原创 2023-11-15 14:55:38 · 60 阅读 · 0 评论 -
JavaScript语法、语句、数据类型
JavaScript数字可以带小数点,也可以不带,极大或极小的数字可以通过科学(指数)计数来书写;JavaScript对象由大括号分隔,在大括号内部,对象的属性以名称和值对的形式(name:value)来定义,属性由逗号分隔。在JavaScript中,使用var关键词来声明变量,使用等号赋值,如:var carname="Volvo"。JavaScript对象也是一个变量,但对象可以包含多个值,每个值以name:value对定义。JavaScript使用关键字var定义变量,使用等号为变量赋值。原创 2023-11-15 16:49:15 · 653 阅读 · 0 评论 -
JavaScript对象、函数、作用域、字符串
变量在函数外定义,变量为全局变量,具有全局作用域,网页中所有脚本和函数均可使用。JavaScript变量的生存期:JavaScript变量的生命期从它被声明的时间开始,局部变量会在函数运行结束后被删除,全局变量会在页面关闭后被删除。在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问。在字符串中查找匹配的子串,并替换与正则表达式匹配的所有子串。在字符串中查找匹配的子串,并替换与正则表达式匹配的子串。提取字符串的片断,并在新的字符串中返回被提取的部分。返回某个指定的字符串值在字符串中首次出现的位置。原创 2023-11-16 10:03:25 · 91 阅读 · 0 评论 -
JavaScript运算符、条件语句、循环、类型转换
在JavaScript中有6种不同的数据类型:string、number、boolean、object、function、symbol;JavaScript标签:continue 语句(带有或不带标签引用)只能用在循环中,break 语句(不带标签引用),只能用在循环或 switch 中,通过标签引用,break 语句可用于跳出任何 JavaScript 代码块。JavaScript变量可以转换为新的变量或者其他数据类型,可以用使用一下方式转换:使用JavaScript函数;break语句用于跳出循环;原创 2023-11-16 13:16:57 · 74 阅读 · 0 评论 -
JavaScript正则表达式、调试工具、关键字、验证API
search()方法用于检索字符串中指定的子字符串或检索与正则表达式相匹配的子字符串,并返回子字符串的起始位置;在事件中,this表示接收事件的元素。exec()方法是一个正则表达式方法,用于检索字符串中的正则表达式的匹配。var pat = /example/i,其中/example/i是一个正则表达式,example是一个正则表达式主体(用于检索),i是一个修饰符。test()方法是一个正则表达式方法,用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回true,否则返回false。原创 2023-11-16 14:30:29 · 454 阅读 · 0 评论 -
HTML & CSS & JavaScript的网页设计
公司简介技术支持中心原创 2023-12-04 17:14:16 · 855 阅读 · 0 评论 -
基于HTML+CSS+JavaScript的登录注册网页设计
登录成功!原创 2023-11-27 17:32:35 · 1412 阅读 · 0 评论 -
HTML & CSS登录网页设计
登录</button><button class="button_exit">退出原创 2023-11-24 11:12:25 · 3975 阅读 · 0 评论 -
HTML5的语义元素
figcaption> 标签定义 <figure> 元素的标题。HTML5提供新的语义元素来明确一个web页面的不同部分:<head>、<nav>、<section>、<article>、<aside>、<figcation>、<figure>、<footer>。<footer>元素应该包含它的包含元素。<nav>元素用于定义页面的导航链接部分区域,但是,不是所有的链接都需要包含在<nav>元素中。<figcaption>元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。原创 2023-11-06 14:03:34 · 1627 阅读 · 0 评论 -
HTML5 SVG、MathML、拖放
MathML是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上数学数学符号和公式的置标语言。:<img draggable="true">,然后规定当元素被拖动时,会发生什么:drag(event),然后放到何处-ondragover(规定在何处放置被拖动的数据),最后,进行放置-ondrop。拖放(drag和drop)是HTML5标准的组成部分,拖放是一种常见的特性,即抓取对象以后拖到另一个位置。SVG 基于 XML,SVG DOM 中的每个元素都是可用的。原创 2023-11-02 13:40:10 · 372 阅读 · 0 评论 -
HTML5<canvas>
HTML5元素用于图形的绘制,通过脚本(通常是JavaScript)来完成。返回 ImageData 对象,该对象为画布上指定的矩形复制像素数据。如果指定的点位于当前路径中,则返回 true,否则返回 false。返回一个对象,其包含指定的 ImageData 对象的图像数据。将当前转换重置为单位矩阵。添加一个新点,然后在画布中创建从该点到最后指定点的线条。创建新的、空白的 ImageData 对象。设置或返回用于填充绘画的颜色、渐变或模式。设置或返回新图像如何绘制到已有的图像上。原创 2023-11-02 10:56:29 · 283 阅读 · 0 评论 -
HTML脚本、字符实体、URL
当点击 HTML 页面中的某个链接时,对应的 标签指向万维网上的一个地址。对于不支持脚本或者禁用脚本的浏览器, 标签提供无法使用脚本时的替代内容。元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。HTML 中的预留字符必须被替换为字符实体。在 HTML 中不能使用小于号(),这是因为浏览器会误认为它们是标签。原创 2023-11-02 09:49:10 · 610 阅读 · 0 评论 -
HTML5 简介
新的特殊内容元素,比如 article、footer、header、nav、section。新的表单控件,比如 calendar、date、time、email、url、search。请与 input 元素配合使用该元素,来定义 input 可能的值。在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。规定独立的流内容(图像、图表、照片、代码等等)。规定独立的流内容(图像、图表、照片、代码等等)。原创 2023-11-02 10:19:50 · 319 阅读 · 0 评论 -
HTML颜色、颜色名、颜色值
HTML颜色由一个十六进制符号来定义,这个符号由红、绿、蓝的值组成(RGB)。三种颜色 红,绿,蓝的组合从0到255,一共有1600万种不同颜色(256 x 256 x 256)。RGBA 的意思是(Red-Green-Blue-Alpha)它是在 RGB 上扩展包括了 “alpha” 通道,运行对颜色值设置透明度。17标准颜色:黑色,蓝色,水,紫红色,灰色,绿色,石灰,栗色,海军,橄榄,橙,紫,红,白,银,蓝绿色,黄色。141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。原创 2023-11-01 16:07:38 · 309 阅读 · 0 评论 -
HTML表单
input type="checkbox" name="vehicle" value="Bike">我喜欢轿车<br><input type="checkbox" name="vehicle" value="Car">我喜欢SUV。<input type="radio" name="sex" value="male">男<br><input type="radio" name="sex" value="female">女。<input type="submit" value="发送">原创 2023-11-01 15:40:56 · 82 阅读 · 0 评论 -
HTML区块、布局
元素是块级元素,它可用于组合其他的HTML元素的容器。HTML可以通过<div> 和 <span>将元素组合起来。<span>元素没有特定的含义,当与CSS一起使用时,<span>元素可用于部分文本设置样式属性。<p>谁有 <span style="color:blue">蓝色</span> 的眼睛。">网页标题</h1>例程</title><title>例程菜单</b><br><h1>网页标题</h1><b>菜单原创 2023-11-01 14:59:15 · 792 阅读 · 0 评论 -
HTML列表
HTML自定义列表是项目及其注释的组合。自定义列表以<dl>标签开始,每个自定义列表项以<dt>开始,每个自定义列表项的定义以<dd>开始。HTML有序列表用数字进行标记,有序列表始于<ol>标签,每个列表项始于<li>标签。列表项使用数字来标记。HTML无序列表是一个项目的列表,此列项目使用粗体圆点进行标记,无序列表使用<ul>标签定义。原创 2023-11-01 14:22:41 · 57 阅读 · 0 评论 -
HTML表格
标签定义)。 用于定义表格的主体部分: 在 中,使用 元素定义行,并在每行中使用 元素定义单元格数据。 用于定义表格的标题部分: 在 中,使用 元素定义列的标题。行1,列1行1,列2行1,列3行2,列1行2,列2行2,列3原创 2023-11-01 14:01:20 · 122 阅读 · 0 评论 -
HTML样式CSS、图像
CSS可以通过以下方式添加到HTML中:1)、内联方式:在HTML元素中使用“style”属性;2)、内部样式表:在HTML文档头部<head>区域使用<style>元素来包含CSS;3)、外部引用:使用外部CSS文件。定义图像的语法:<img src=“url”alt=“some_text”>。<img border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32">在HTML中,图像由<img>标签定义。原创 2023-11-01 13:24:25 · 637 阅读 · 0 评论 -
HTML链接、头部
HTML<head>元素包含了所有的头部标签元素,在<head>元素中可以插入脚本(scripts)、样式文件(ccs)以及各种meta信息。可以添加在头部区域的元素标签为:<title> <style> <meta> <link> <script> <noscript> <base>。-- 在页面中的某个位置 --><a name="section2"></a>HTML链接语法:<a>元素。2)、<base>标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接。原创 2023-11-01 10:48:09 · 111 阅读 · 0 评论 -
HTML标题、段落、文本格式化
在HTML文档中,标题是很重要的。标题是通过<h1> - <h6标签进行定义的,<h1> 定义最大的标题;<h6>定义最小的标题。可以将注释插入到HTML代码中,可以提高代码可读性。注释的写法如下:<!-- 这是注释 -->。<hr> 标签在HTML页面中用于创建水平线,hr元素可用于分隔内容。HTML可以将文档分割为若干段落。段落通过<p>标签定义。<body>定义文档的主体。<br>为换行标签。原创 2023-10-30 14:55:28 · 643 阅读 · 0 评论 -
HTML基本概念:
例:超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。空元素是在开始标签中关闭的。大多数HTML元素可以嵌套(HTML元素可以包含其他HTML元素)。▲ 空元素在开始标签中进行关闭(以开始标签的结束而结束)。▲ 元素是 HTML 页面的根元素。▲ 元素的内容是开始标签与结束标签之间的内容。原创 2023-10-30 14:18:58 · 586 阅读 · 0 评论