CSS
本专栏主要用于介绍 CSS 极速入门及其重要知识点,专栏唯一作者为 : JYLin 。 作者ORCID号:https://orcid.org/0000-0003-0558-6699
YDOOK 林进威的博客
这个作者很懒,什么都没留下…
展开
-
YDOOK : <a> a 链接 跳转到新窗口 打开新窗口页面 文档 HTML
书写格式:<a href=“新窗口超链接 URL 地址” target="_blank" >a 连接文字标识 </a>;;;;;原创 2019-07-29 09:53:04 · 6944 阅读 · 0 评论 -
CSS 页面标题 ICON 图标设置
示例代码:<head>... <link href="ICON文件的文件目录路径" rel="icon" type="image/x-ico">...</head>原创 2019-08-14 21:54:52 · 1513 阅读 · 0 评论 -
YDOOK : CSS div 设置背景图片大小自动缩放
设置示例:选择器{ width:100%; height:100%; background-repeat:no-repeat; background-size: 100% 100%; background-size: cover;}原创 2019-08-14 21:49:28 · 9438 阅读 · 0 评论 -
HTML 怎样输出排版数学公式 MathML
使用第三方库:MathML使用方法:<!-- 导入第三方库 --> <math xmlns="http://www.w3.org/1998/Math/MathML"> ...原创 2019-08-14 21:19:14 · 1314 阅读 · 0 评论 -
css div 文字 内容 居中
css div 文字 内容 居中.选择器{ text-align:center;}原创 2019-08-14 21:14:05 · 1822 阅读 · 0 评论 -
CSS 将 div与 定义的动画进行绑定 使用方法
使用示例:div{animation: 动画名 动画运行持续时间/s;-moz-animation: 动画名 动画运行持续时间/s; /* Firefox */-webkit-animation: 动画名 动画运行持续时间/s; /* Safari 和 Chrome */-o-animation: 动画名 动画运行持续时间/s; /* ...原创 2019-08-19 21:32:03 · 481 阅读 · 0 评论 -
CSS 定义动画 定义 div动画 使用方法 通用各类动画规则定义
使用 @keyframes 规则通用各类动画规则定义方法示例@keyframes myfirst{...}@-moz-keyframes myfirst /* Firefox */{...}@-webkit-keyframes myfirst /* Safari 和 Chrome */{...}@-o-keyframes myfirst /* Opera */...原创 2019-08-19 21:29:25 · 817 阅读 · 0 评论 -
CSS 内容溢出 超出 div 设置及使用方法 overflow
使用 overflow 样式属性定义overflow 全部属性:visible 默认值。内容不会被修剪,会呈现在元素框之外。hidden 定义:内容会被修剪隐藏,并且多出的内容是不可见的。scroll 定义:内容会被修剪隐藏,但是浏览器会显示滚动条,可以通过滚动条查看其余的内容。auto 定义:如果浏览器自动地选择显示滚动条以便查看其余的内容。inherit 定义:从父元素继承 ov...原创 2019-08-19 21:25:48 · 1476 阅读 · 0 评论 -
CSS HTML ul 列表序列号标记样式定义及使用方法
使用方法:ul { list-style: list-style-type list-style-position list-style-image;}使用示例:ul { list-style:square inside url('图片文件目录名');}属性:CSS list-style-type 属性ul.circle {list-style-type:circl...原创 2019-08-19 21:15:17 · 3943 阅读 · 0 评论 -
CSS 边沿阴影效果设置 box-shadow
使用方法:box-shadow: h-shadow v-shadow blur spread color inset;样式各个属性定义:h-shadow -> 必需: 水平阴影的位置宽度。允许负值。 v-shadow -> 必需:垂直阴影的位置宽度。允许负值。blur -> 可选: 模糊边沿距离。spread -> 可选:阴影的尺寸。co...原创 2019-08-19 20:57:08 · 484 阅读 · 0 评论 -
CSS 滚动条定义及使用 伪类 ::-webkit-scrollbar -XXX 整体属性定义
具体的细分样式属性定义:::-webkit-scrollbar -> 定义整个滚动条的外观属性::-webkit-scrollbar-button -> 定义滚动条上的按钮 (上下箭头)的颜色外观属性::-webkit-scrollbar-thumb -> 定义滚动条上的两端的滚动滑块的颜色外观属性::-webki...原创 2019-08-19 20:41:13 · 1237 阅读 · 0 评论 -
CSS 伪类 ::-webkit-scrollbar 滚动条定义及使用
::-webkit-scrollbar 只能在支持WebKit的浏览器中使用。常见的支持WebKit的浏览器有 谷歌的Chrome 与 苹果的Safari。IE 浏览器暂时不支持。国内的:360 极速浏览器可以使用。使用方法:选择器 :: ::-webkit-scrollbar { ... 属性定义 }...原创 2019-08-19 20:29:48 · 1794 阅读 · 0 评论 -
CSS 隐藏竖直y滚动条 设置横向x滚动条自动显示 overflow-x: overflow-y:
选择器{ overflow-x: auto; overflow-y: hidden;}原创 2019-08-13 13:48:28 · 1770 阅读 · 0 评论 -
YDOOK : CSS 隐藏横向x滚动条 设置竖直滚动条自动显示 overflow-x: overflow-y:
选择器{ overflow-x: hidden; overflow-y: auto;}原创 2019-08-13 13:47:03 · 4681 阅读 · 0 评论 -
CSS overscroll-behavior:
overscroll-behavior :auto默认,继承父类滚动样式overscroll-behavior :contain阻止滚动链接,不继承父类滚动样式,使用Android 炫光或 iOS 回弹效果。overscroll-behavior :none阻止滚动链接,不继承父类滚动样式,不使用Android 炫光或 iOS 回弹效果。...原创 2019-08-13 13:15:58 · 374 阅读 · 0 评论 -
CSS scroll-behavior:
Initial value autoApplies to scrolling boxesInherited noMedia visualComputed value as specifiedAnimation type discreteCanonical order the unique non-ambiguo...原创 2019-08-13 12:59:37 · 342 阅读 · 0 评论 -
<a> a 超链接 取消下划线 文本修饰 CSS text-decoration 属性
CSS text-decoration 属性 :none :默认。定义标准的文本。underline :定义文本下的一条线。overline :定义文本上的一条线。line-through :定义穿过文本下的一条线。blink :定义闪烁的文本。inherit :规定应该从父元素继承 text-decoration 属性的值。;;;;;;;...原创 2019-07-29 10:05:10 · 1357 阅读 · 0 评论 -
YDOOK : HTML <a> 标签的 target 属性 跳转新窗口属性设置
<a href=“超链接 URL 地址” target=“target 选项”>a 连接文字标识 </a><a><\a>target 选项 及 作用:1. _blank在新的、未命名的窗口中打开链接页面;2. _self在当前的浏览窗口中打开链接页面;3. _parent链接页面文档载入父窗口或者包含来超链接引用的框架的框...原创 2019-07-29 09:49:33 · 5456 阅读 · 0 评论 -
CSS @font-face 引入自定义字体 引入第三方字体
使用示例:@font-face{ font-family: “自定义字体名称”; src: url(“被引入的字体名称目录路径名.eot”); src:url(“被引入的字体名称目录路径名.woff”) format('woff'), url(“被引入的字体名称目录路径名.ttf”) format('truetype'), ur...原创 2019-08-20 19:44:50 · 1406 阅读 · 0 评论