web网页设计
Wantfly9951
这个作者很懒,什么都没留下…
展开
-
前端基础知识 JavaScript
前端基础知识 JavaScript原创 2023-01-06 02:14:47 · 378 阅读 · 0 评论 -
前端基础知识 CSS3
前端基础知识 CSS3原创 2023-01-02 01:30:10 · 422 阅读 · 0 评论 -
前端基础知识 html5
前端基础知识 html5原创 2022-12-29 00:11:47 · 75 阅读 · 0 评论 -
Web基础05 盒子模型01边框属性
首先要知道盒子模型用的标签是必备的是实体化三属性 width height background(背景属性)边框属性①边框样式(border-style)border-style:上边[左边 下边 右边];样式:double 双实线 dashed 虚线 solid 单实线 dotted 点线②边框宽度(border-width)border-width:上边[左边 下边 右边];单位px要先有样式 才可以有宽度③边框颜色(border-color)border-color:上边[左边原创 2021-01-14 17:27:00 · 1000 阅读 · 0 评论 -
Web基础04 CSS优先级和选择器
CSS优先级在CSS中 继承的权重为0子类定义的比父类优先权重相加判断优先级标签的权重为1<类的权重为10<id的权重为100规则①行内样式优先,远大于100②权重相同时,CSS遵循就近原则,最后的样式优先级数大如 header{color:blue!important;}!important放在属性值和分好之间,使优先级最大,复合选择器无论有多少个标签选择器权重也不会大于类选择器,复合选择器无论有多少个标签选择器和类选择器权重也不会大于id选择器1、属性选择器 根据标签原创 2021-01-14 16:00:39 · 204 阅读 · 0 评论 -
Web基础03 CSS文本外观属性
用于用CSS来定义文本外观属性1、color 文本颜色颜色:①直接用颜色名 white 白色 black 黑色 blue 蓝色 navy深蓝 silver 浅灰 gray 深灰 red 大红 maroon 深红 lime 浅绿 green 深绿 yellow 明黄 olive 褐黄 aqua 天蓝 feal 靛青 fuchsia 品红 purple 深紫②用十六进制 如#ff0000 三个颜色分量 当十六进制数相同的时候可以缩写,如#FF0066 缩写为#F06③用RGB代码 例如 color:rg原创 2021-01-14 14:30:10 · 957 阅读 · 0 评论 -
Web基础02 CSS文本样式
1、font-size 设置字号大小单位 cm厘米 mm毫米 em相对于当前对象内文本字体尺寸 px像素,最常用 in英寸2、font-family 设置字体宋体、黑体、微软雅黑等可以指定多个,逗号隔开,第一个不支持则用下一个 英文字体名位于中文字体名之前3、font-weight:字体粗细normal 默认值,定义标准的字符bold 定义粗体字符bolder 定义更粗的字符lighter 定义更细的字符100-900(100的整数倍)定义从细到粗的字符4、font-style:字体风原创 2021-01-14 11:57:22 · 118 阅读 · 0 评论 -
Web基础01 html常用标签
在这里总结一下前端html常用的标签//标题标签 数字越小 字体越大<h1>标题</h1><h2>标题</h2><h3>标题</h3><h4>标题</h4><h5>标题</h5><h6>标题</h6>//水平线标签<hr align="center" width="800px" color="red" size="10px"/>ali原创 2021-01-14 11:04:41 · 139 阅读 · 0 评论 -
java js 通过echart实现统计图
<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="/css/common.css"> <link rel="stylesheet" type="text/原创 2021-04-06 15:41:55 · 251 阅读 · 0 评论 -
html+css 仿百度 搜索框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .searchcon { width: 500px; height: 50px; margin: 100px auto; }原创 2021-04-07 13:38:06 · 1133 阅读 · 0 评论 -
前端 几个好看的button
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>漂亮的CSS3圆角按钮组合DEMO演示</title><style type="text/css">.demo{width:760px; margin:20px auto 0 auto; height:70px;}.button { display: inline-block; outline:原创 2021-03-25 14:18:38 · 785 阅读 · 0 评论 -
webstorm快捷键
ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。ctrl + j: 输出模板ctrl + b: 跳到变量申明处ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)ctrl + []: 匹配 {}[]ctrl + F12: 可以显示当前文件的结构ctrl + x: 剪切(删除)行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容alt + left/right:标签切换ctrl +原创 2021-01-14 01:12:03 · 128 阅读 · 0 评论 -
web网页设计 JavaScript 搜索框代码
JavaScript实现搜索框样式的代码原创 2019-12-13 16:34:21 · 7361 阅读 · 1 评论