colin工作室
这个作者很懒,什么都没留下…
展开
-
HTML & CSS & JavaScript的网页设计
公司简介技术支持中心原创 2023-12-04 17:14:16 · 849 阅读 · 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 · 1038 阅读 · 0 评论 -
基于HTML+CSS+JavaScript的登录注册网页设计
登录成功!原创 2023-11-27 17:32:35 · 892 阅读 · 0 评论 -
CSS 属性列表
在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项(垂直)。设置一个多行的内联块内的行具有前一个和后一个内联元素的对齐。设置或检索弹性盒模型对象的子元素如何分配空间。校准行内的初始行的设置就是具有首字母的框使用初级连接点。校准行内的初始行的设置就是具有首字母的框使用辅助连接点。设置定位元素的上外边距边界与其包含块上边界之间的偏移。设置定位元素下外边距边界与其包含块下边界之间的偏移。设置定位元素左外边距边界与其包含块左边界之间的偏移。设置定位元素右外边距边界与其包含块右边界之间的偏移。原创 2023-11-24 15:49:41 · 932 阅读 · 0 评论 -
CSS3 多媒体查询、网格布局
对于支持Media Queries的移动设备来说,如果存在only关键字,移动设备的Web浏览器会忽略only关键字并直接根据后面的表达式应用样式文件。网格元素的垂直线方向称为列,网格元素的水平方向称为行,两个网格单元之间的网格横向或者纵向间距称为网格间距,通过grid-column-gap、grid-row-gap、grid-gap来调整间隙大小。网格式一组相交的水平线和垂直线,它定义了网格的列和行。网格元素可以向行或者列的方向扩展单元,创建网格区域。一个网格单元是在一个网格元素中最小的单位。原创 2023-11-10 10:53:51 · 1079 阅读 · 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 · 669 阅读 · 0 评论 -
CSS3 用户界面、图片、按钮
在CSS3中,增加了一些新的用户界面特性来调整元素尺寸、框尺寸和外边框。CSS3用户界面属性:resize、box-sizing、outline-offset。outline-offset属性对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。原创 2023-11-10 10:25:56 · 1276 阅读 · 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 · 464 阅读 · 0 评论 -
CSS 渐变、文本效果、字体
CSS3定义了两种类型的渐变(gradient):线性渐变(linear gradient)-向下/向上/向左/向右/对角方向渐变;默认情况下,渐变的中心是center,渐变的形状是ellipse(椭圆形),渐变的大小是farthest-corner(到最远的角)。径向渐变-设置大小:closest-side、farthest-side、closest-corner、farthest-corner。/* 浏览器不支持的时候显示 *//* 浏览器不支持的时候显示 *//* 浏览器不支持的时候显示 */原创 2023-11-09 14:14:52 · 516 阅读 · 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 · 651 阅读 · 0 评论 -
CSS 网页布局
主页</a><a href="#">产品</a><a href="#">关于原创 2023-11-08 14:28:01 · 333 阅读 · 0 评论 -
CSS 下拉菜单、提示工具、图片廊、计数器
唐诗原创 2023-11-08 14:08:28 · 275 阅读 · 0 评论 -
CSS 对齐、组合选择符、伪类、伪元素、导航栏
主页主页主页主页联系联系原创 2023-11-08 11:13:11 · 308 阅读 · 0 评论 -
CSS 显示、定位、布局、浮动
粘性定位的元素是依赖于用户的滚动,在 position:relative 与 position:fixed 定位之间切换。两者的区别:visibility:hidden可以隐藏某个元素,但隐藏的元素仍占用之前的空间,即该元素虽然被隐藏,但仍然会影响布局;relative定位元素的定位是相对其正常的位置。absolute定位的元素的位置相对于最近的已定位父元素。如果元素没有已定位的父元素,那它的位置相对于。Fixed定位:元素的位置相对于浏览器窗口是固定位置,即窗口是滚动的,元素是不会移动的。原创 2023-11-07 14:49:37 · 281 阅读 · 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 · 450 阅读 · 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 · 288 阅读 · 0 评论 -
CSS 链接、列表、表格、盒子模型
所有HTML元素可以看做盒子,在CSS中,“box model”是用来设计和布局的,CSS盒子模型本质上是一个盒子,封装的HTML元素包括边距、边框、填充和实际内容。总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距;总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距。CSS列表属性的作用:设置不同的列表项标记为有序列表;★ Padding(内边距) - 清除内容周围的区域,内边距是透明的。★ Margin(外边距) - 清除边框外的区域,外边距是透明的。原创 2023-11-07 09:45:17 · 454 阅读 · 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 · 109 阅读 · 0 评论 -
CSS 简介
CSS (Cascading Style Sheets,层叠样式表),是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言,CSS 文件扩展名为 .css。选择器通常是需要改变样式的HTML元素。每个声明由一个属性和一个值组成,属性和值被冒号“:”分开。”结束,声明总是以大括号“{}”括起来。CSS由两个主要的部分构成:选择器+声明。声明可以是1条也可以是多条。CSS注释是以/*开始。原创 2023-11-06 14:19:29 · 100 阅读 · 0 评论