边框背景

HTML CSS

由 匿名 (未验证) 提交于 2019-12-02 20:32:16
ACCP8.0 HTML标签 第一章 1、HTML超文本标记语言 2、网页 3、网页头部 4、网页标题 5、网页主体 6、DOCTYPE声明3种级别： （1） 严格类型 （2）过渡类型 （3）框架类型 7、网页摘要标签 8、字符编码： 简体中文 纯英文 繁体 国际通用编码 9、W3C 万维网联盟 10、标题标签 11、段落 12、换行 13、水平线 14、字体加粗 15、斜体字 16、注释 17、特殊符号 空格： 大于号：> 小于号：< 引号：" 版权符号：? 18、图像标签 19、链接标签 常用取值：（自身窗口）和（新建窗口） 20、锚链接 21、功能性链接 第二章 22、无序列表 属性取值：实体圆心实体方心 circle空心圆 23、有序列表 属性取值：数字 大/小写字母 大/小写罗马数字 24、定义列表 25、表格 26、 表格跨列属性 表格跨行属性 27、视频元素：手动控制播放 自动播放 循环播放 28、音频元素： 29、HTML5结构元素 标题头部区域的内容（用于页面或页面中的一块区域） 标记脚部区域的内容（用于整个页面或页面的一块区域） Web页面中的一块独立区域 独立的文章内容 相关内容或应用（常用于侧边栏） 导航类辅助内容 30、iframe内联框架 第三章 31、表单 32、表单元素： 33、表单只读属性：” 34、表单禁用属性：” 35、域： 域标题： 36

sass和stylus1px解决方案

由 匿名 (未验证) 提交于 2019-12-02 20:21:53
1.sass 1 @charset "utf-8"; 2 /** 3 * @module 背景与边框 4 * @description 为元素添加边框（包括1px边框） 5 * @method border 6 * @version 2.0.0 7 * @param {String} $border-width 指定边框厚度（单位为px），默认值：1px，取值与`border-width`属性一致，不同方向代表边框位置 <2.0.0> 8 * @param {String} $border-color 指定边框颜色 <2.0.0> 9 * @param {String} $border-style 指定边框样式 <2.0.0> 10 * @param {String} $radius 指定边框圆角半径，默认值：null <2.0.0> 11 */ 12 @mixin border($border-width: 1px, $border-color: map-get($base, border-color), $border-style: solid, $radius: null) { 13 // 为边框位置提供定位参考 14 position: relative; 15 @if $border-width == null { 16 $border-width: 0; 17 } 18

echarts水球图编写

由 生来就可爱ヽ(ⅴ＜●) 提交于 2019-12-02 19:01:29
// 前提条件 需要引入这个插件<script src="./echarts-liquidfill.min.js"></script>// 代码 let Chart = echarts.init(document.getElementById('Chart'));let option = { title: { // 水球图标题样式 text: '日', left: 'center', bottom: '10%', textStyle: { color: '#ffffff', fontSize: 14 } }, tooltip: { show: true }, series: [ { name: '日', type: 'liquidFill', // 水球图样式 center: ['50%', '45%'], // 水球图位置 amplitude: 3, // 波浪波动起伏大小 waveLength: '100%', // 波浪长度 color: ['#3399cc'], // 波浪颜色 backgroundStyle: { color: '#ffffff', // 内部球背景颜色 borderWidth: 2, // 内部球边框宽度 borderColor: '#e3e3e3' // 内部球边框颜色 }, label:{ normal:{ formatter: '234', //

浏览器端-W3School-HTML：HTML DOM Style 对象

由 别来无恙 提交于 2019-12-02 18:58:39
ylbtech-浏览器端-W3School-HTML：HTML DOM Style 对象 1. 返回顶部 1、 HTML DOM Style 对象 Style 对象 Style 对象代表一个单独的样式声明。可从应用样式的文档或元素访问 Style 对象。 使用 Style 对象属性的语法： document.getElementById("id").style.property="值" Style 对象的属性： 背景 边框和边距 布局 列表 杂项 定位 打印 滚动条 表格 文本 规范 Background 属性 属性 描述 background 在一行中设置所有的背景属性 backgroundAttachment 设置背景图像 是否固定或随页面滚动 backgroundColor 设置元素的背景颜色 backgroundImage 设置元素的背景图像 backgroundPosition 设置背景图像的起始位置 backgroundPositionX 设置backgroundPosition属性的X坐标 backgroundPositionY 设置backgroundPosition属性的Y坐标 backgroundRepeat 设置 是否及如何重复背景图像 Border 和 Margin 属性 属性 描述 border 在一行设置四个边框的所有属性 borderBottom

常用css列表

由 匿名 (未验证) 提交于 2019-12-02 16:56:17
color 设置文字的颜色，如： color:red; font-size 设置文字的大小，如：font-size:12px; font-family 设置文字的字体，如：font-family:'微软雅黑'; font-style 设置字体是否倾斜，如：font-style:'normal'; 设置不倾斜，font-style:'italic';设置文字倾斜 font-weight 设置文字是否加粗，如：font-weight:bold; 设置加粗 font-weight:normal 设置不加粗 line-height 设置文字的行高，设置行高相当于在每行文字的上下同时加间距， 如：line-height:24px; font 同时设置文字的几个属性，写的顺序有兼容问题，建议按照如下顺序写： font：是否加粗 字号/行高 字体；如： font:normal 12px/36px '微软雅黑'; text-decoration 设置文字的下划线，如：text-decoration:none; 将文字下划线去掉 text-indent 设置文字首行缩进，如：text-indent:24px; 设置文字首行缩进24px text-align 设置文字水平对齐方式，如text-align:center 设置文字水平居中 text-overflow

前端之css

由 老子叫甜甜 提交于 2019-12-02 04:54:13
前端之css 1 | 0 CSS介绍 CSS（ C ascading S tyle S heet，层叠样式表)定义 如何显示 HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 2 | 0 CSS语 2 | 1 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 2 |2 CSS注释 /*这是注释*/ 注释是代码之母。 3 | 0 CSS的几种引入方式 3 | 1 行内样式 行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。 <p style="color: red">Hello world.</p> 3 | 2 内部样式 嵌入式是将CSS样式集中写在网页的 标签对的 标签对中。格式如下： <head> 　　<meta charset="UTF-8"> 　　<title>Title</title> 　　 <style> 　　　　 p{ background-color: #2b99ff; } 　　 </style> </head> 3 | 3 外部样式 外部样式就是将css写在一个单独的文件中，然后在页面进行引入即可。推荐使用此方式。 <link href="mystyle.css" rel="stylesheet" type="text/css"/> 4 | 0

前端css

由 假如想象 提交于 2019-12-01 16:04:27
目录 前端css 1 css介绍 2 css语法 2.1css实例 2.2css注释 3 css的几种引入方式 3.1行内样式(内联样式表) 3.2内部样式 3.3外部样式 4 css选择器 4.1基本选择器 4.1.1元素选择器 4.1.2 ID选择器 4.1.3类选择器 4.1.4通用选择器 4.2组合选择器 4.2.1后代选择器 4.2.2儿子选择器 4.2.3 毗邻选择器 4.2.4弟弟选择器 4.3 属性选择器 4.4分组和嵌套 4.4.1分组 4.4.2嵌套 4.5伪类选择器 4.6伪元素选择器 4.7选择器的优先级 5 css属性相关 5.1宽和高 5.2字体属性 文字字体 字体大小 字体的粗细（字重） 文本颜色 5.3文字属性 文字对齐 文字装饰 首行缩进 文字之间的距离 5.4 背景属性 5.5边框 5.6border-radius 5.7display属性 5.8 CSS盒子模型 5.9 margin外边距 5.10padding内填充 5.11 float 三种取值 5.12clear 清除浮动 5.13 overflow溢出属性 5.14 定位（position） static relative（相对定位） absolute（绝对定位） fixed（固定） 是否脱离文档流 5.15 z-index 5.16 opacity 综合 前端css 1 css介绍

前端之CSS

由 北慕城南 提交于 2019-12-01 15:03:14
前端基础之CSS 1 | 0 css介绍 css(Cascading Stylr Sheet，层叠样式表) 定义如何显示HTML元素 当浏览器督导一个样式表，他就会按照这个样式表来对文档进行格式化(渲染) 2 | 0 css语法 2 | 1 css实例 每个CSS样式由组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 2 .2 CSS注释 /*这是注释*/ 注释是代码之母 3 CSS的几种引入方式 3.1 行内样式 行内式在标注的style属性中设定CSS样式。不推荐大规模使用。 <p style="color:red"> Hello World!</p> 3.2 内部样式 嵌入式是将CSS样式集中写在网页的 > 标签对的 >标签对中。如下 <head> <meta charset = "UTF-8"> <title> Title </title> <style> p{backgroud-color:red;} </style> </head> 3.3 外部样式 外部样式就是将CSS写在一个但单独的文件中，然后在页面进行引入即可。推荐使用此方式 <link href="mystyle.css" rel="stylesheet" type="text/css/"/> 4 CSS选择器 4.1 基本选择器 元素选择器 p{color:"red";} ID选择器

前端之CSS

由 北城余情 提交于 2019-12-01 11:46:37
一 CSS介绍 　　CSS（ C ascading S tyle S heet，层叠样式表)定义 如何显示 HTML元素，给HTML设置样式，让它更加美观。 　　当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 二 CSS语法 2.1CSS实例 　每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 　　　　　　 2.2CSS注释 1 /*这是注释*/ 三 CSS的几种引入方式 3.1行内样式 　　行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。 1 <p style="color: red">Hello world.</p> 3.2内部样式 　　嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下： 1 <head> 2 <meta charset="UTF-8"> 3 <title>Title</title> 4 <style> 5 p{ 6 background-color: #2b99ff; 7 } 8 </style> 9 </head> 3.3外部样式 　　外部样式就是将css写在一个单独的文件中，然后在页面进行引入即可。推荐使用此方式。 1 <link href="mystyle.css" rel="stylesheet"

前端之CSS

由 笑着哭i 提交于 2019-12-01 11:29:36
前端之CSS CSS介绍 CSS( C ascading S tyle S heet，层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,他就会按照这个样式来对文档进行格式化(渲染) CSS语法 每一个CSS都是由两部分组成: 选择器和声明, 声明又包括属性和属性值,每个声明之后用分号结束. 大概就是这样: 属性:属性值 属性: 属性值 h1 {color:red; font-size: 14px;} 选择器 声明 声明 CSS注释 /*这是注释*/ 就是这个用法 CSS的几种引入方式 行内样式 行内样式是在标记的style属性中设定CSS样式, 不推荐大规模使用 <p style="color: red">Hello.</p> 内部样式 嵌入式是将CSS样式集中在网页的 标签对的 标签对中, 格式如下: <head> <meta charset="UTF-8"> <title>我的网页</title> <style> p{backgrount-color:red;} </style> </head> 外部样式 外部样式就是将CSS写在一个单独的文件中, 然后在页面进行引入即可, 推荐使用: <link href="mystyle.css" rel="styleshrrt" type="text/css"/> CSS选择器 元素选择器 p {color:"red";}
订阅 边框背景