笔记
关注
分享
扫一扫
Dream_ruins
一名前端学习者
展开
-
WEB前端学习:CSS学习_用户界面样式
用户界面样式文章目录用户界面样式一、鼠标样式二、轮廓三、防止文本域拖拽四、去除图片底侧空白间隙五、溢出文字隐藏1. work-break2. white-space3. text-overflow六、过渡动画七、元素隐藏八、内容管理持续更新...该篇讲的是用户界面样式，用于提高网站的美观性和特点一、鼠标样式cursorcursor: move;常用样式值样式描述...原创 2020-04-18 16:12:34 · 460 阅读 · 0 评论 -
WEB前端学习:CSS学习_CSS布局
CSS布局文章目录CSS布局一、display二、标准三、浮动四、多列浮动布局1. 两列布局2. 三列布局3.浮动元素的特性五、清除浮动解决方法六、定位1. 边偏移2. 定位模式2.1、静态定位 static2.2、相对定位 relative2.3、绝对定位 absolute2.4、绝对定位垂直水平居中2.5、固定定位 fixed2.6、重叠七、常见布局1. 版心2. 两列左窄右宽型3. 通栏平...原创 2020-04-02 17:08:56 · 1021 阅读 · 1 评论 -
WEB前端学习:CSS学习_CSS特性
CSS特性文章目录CSS特性一、优先级1.重要性2.规则的来源3.规则添加方式4.选择器特指度5.规则顺序二、继承持续更新...该篇讲得是CSS特性。主要的就是优先级，当样式规则发生冲突时，到底改执行那条一、优先级CSS规则优先级1.重要性加了 !importan 标识的赋值权重高于没加的2.规则的来源默认情况下：开发者开发 > 用户设置 > 浏览器设置添加 !i...原创 2020-03-26 14:38:51 · 329 阅读 · 0 评论 -
WEB前端学习:CSS学习_CSS背景图片相关属性
背景文章目录背景一、主要属性1. background-color2. background-image3. background-repeat4. background-position5. background-size6. background-attachment7. background-clip8. background（简写属性）9.多背景设置持续更新...该篇为讲得是背景图片...原创 2020-03-25 17:45:00 · 864 阅读 · 0 评论 -
WEB前端学习:CSS学习_CSS盒子模型
CSS盒子模型文章目录CSS盒子模型盒子模型一、主要属性1.外边距（margin）1.1、margin（简写属性）2.边框（border）2.1、border-width（简写属性）：边框的宽度2.2、border-top：边框顶部2.3、border-bottom：边框底部2.4、border-right：边框右边2.5、border-left：边框左边2.6、border-style：边框的...原创 2020-03-24 11:31:57 · 833 阅读 · 0 评论 -
WEB前端学习:CSS学习_CSS选择器
CSS选择器文章目录CSS选择器一、简单选择器1.type选择器(类型选择器)1.1、选择器命名规则2.class选择器(类选择器)2.1、选择器命名规则3. ID选择器3.1、选择器命名规则二、属性选择器三、上下文选择器四、伪类选择器1.结构化的伪类选择器2.UI伪类选择器五、伪元素选择器持续更新...该篇为讲得是 CSS选择器，这是 CSS篇章最为重要的一篇。选择器决定 CSS规则样式作...原创 2020-03-23 12:40:49 · 213 阅读 · 0 评论 -
WEB前端学习:CSS学习_CSS font 和 text 相关属性
CSS选择器文章目录CSS选择器一、简单选择器1.type选择器(类型选择器)1.1、选择器命名规则2.class选择器(类选择器)2.1、选择器命名规则3. ID选择器3.1、选择器命名规则二、属性选择器三、上下文选择器四、伪类选择器1.结构化的伪类选择器2.UI伪类选择器五、伪元素选择器持续更新...该篇为讲得是 CSS选择器，这是 CSS篇章最为重要的一篇。选择器决定 CSS规则样式作...原创 2020-03-22 14:29:02 · 818 阅读 · 0 评论 -
WEB前端学习:CSS学习_CSS规则基本语法
CSS选择器文章目录CSS选择器持续更新...该篇为 CSS篇章的持续更新…该篇主要讲的是 CSS选择器。最后，若有不足或者不正之处，欢迎指正批评，感激不尽！如果有疑问欢迎留言，绝对第一时间回复！往期博客CSS中的单位下面这些是我学习HTML的网站，希望对大家有帮助HTML Reference(https://htmlreference.io/)MDN(https:/...原创 2020-03-20 08:04:33 · 375 阅读 · 0 评论 -
WEB前端学习:CSS学习_CSS中的单位
CSS中的单位文章目录CSS中的单位一、长度1.绝对长度2.相对长度二、颜色1.RGB十六进制持续更新...在 CSS篇章正式开始之前，我们先来了解一些 CSS中常用的单位一、长度1.绝对长度单位名称等价换算cm厘米1cm = 96px/2.54mm毫米1mm = 0.1cmQ四分之一毫米1Q = 0.25mmin英寸1in =...原创 2020-03-19 13:57:08 · 321 阅读 · 0 评论 -
WEB前端学习:HTML学习_iframe标签和canvas标签
iframe标签和canvas标签文章目录iframe标签和canvas标签一、iframe标签1.主要属性1.1、allow：用来定义特征策略1.2、high1.3、low1.4、name1.5、height1.6、width二、canvas标签1.主要属性持续更新...一、iframe标签< iframe >将另一个HTML页面嵌入到当前页面中<iframe id=...原创 2020-03-19 13:18:28 · 751 阅读 · 0 评论 -
WEB前端学习：HTML学习_HTML多媒体
HTML多媒体文章目录HTML多媒体一、音频1.基本属性1.1、autoplay1.2、controls1.3、loop1.4、muted1.5、preload1.5.1、preload属性取值1.6、played1.7、volume二、视频1.主要属性1.1、autoplay1.2、controls1.3、height1.4、width1.5、loop1.6、muted1.7、preload1...原创 2020-03-18 14:01:45 · 733 阅读 · 0 评论 -
WEB前端学习:HTML学习_HTML布局
HTML布局文章目录HTML布局一、列表（list）1.[无序列表（Unordered list）](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/ul)[2.有序列表（Ordered list）](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/ol)二、[...原创 2020-03-17 11:48:09 · 1098 阅读 · 0 评论 -
WEB前端学习:HTML学习_HTML基本标签
HTML基本标签文章目录HTML基本标签一、文本标签1.标题2.段落3.换行4.水平标识线5.加粗文本6.斜体文本7.重要文本8.强调文本9.更小字体文本10.删除文本11.插入文本12.代码文本二、图片标签1. src 取值2.alt 属性：三、HTML 超链接1.文档外链接1.1、href 取值1.2、target 取值2.文档内导航持续更新...一、文本标签1.标题<h1>...原创 2020-03-16 14:20:16 · 373 阅读 · 0 评论 -
WEB前端学习:HTML学习_HTML的基本要素
HTML的学习开始写博客的原因这是我的第一篇博客。我呀，以前也学过HTML，但那时候刚到大学，对未来没有什么想法，学习也是老师教多少，就应付得学多少。到后来，有了方向，有了想法，有了目标，开始认真去学习，慢慢的接触，感觉学得越来越艰难，最后发现原来是我的基础不扎实，所以我来了，来到这里重新开始打地基。在这里我会将我分享学习前端的一些经历和心得。一起加油吧！HTML的介绍学习HTML之前，...原创 2020-03-15 22:08:20 · 509 阅读 · 0 评论