HTML5及CSS学习
关注
分享
扫一扫
视频教程：https://www.bilibili.com/video/av80149248
初学者对html和css的学习，如有错误，欢迎指正。
菜鸟小铭
绝知此事要躬行
展开
-
less快速学习
less 学习看到 less 老是想起 less is more 这句话，这门语言的确是把原来很繁琐的 css 给包装成一门类似于编程语言的语言，感觉看视频只能学习到一点，关键还是看官方文档less 是一个 css 扩展，让 css 变成支持变量，嵌套等操作的 css 语言可以去 Less官方文档 去学习less 基础less 可以在浏览器端使用也可以在服务端使用在浏览器端使用CDN：<script src="//cdnjs.cloudflare.com/ajax/libs/le原创 2020-07-31 15:23:29 · 2014 阅读 · 0 评论 -
前端拾遗 (持续更新）
前端拾遗写这篇文章是平常在做一些小需求的时候发现有一些遗漏的知识点，但是又没法把他放到一篇笔记里保存起来，所以为了保存下来，就在这个前端拾遗的笔记中记录一些我之前没有遇到的知识点，或者有一些我卡住比较久的地方1 css变量css变量是用两个减号开始，中间可以使用减号连接的变量例如：div { --button-width: 80px;}变量大小写敏感作用域在 :root 下定义的变量全局可见在元素样式内定义的只有该元素及其子元素可见:root { /原创 2020-07-03 16:14:40 · 1485 阅读 · 0 评论 -
Flex伸缩布局
Flex伸缩布局flexible Box的缩写，意为弹性布局Flex 布局原理当父元素设置为 flex 布局之后子元素的 float clear 和 vertical-align 属性都将失效采取 Flex 布局的元素我们称为 Flex容器Flex容器的子元素称为容器成员，简称项目通过给父盒子添加 flex 属性，来控制子盒子的位置和排列方式Flex 可以使行内元素可以设置高度和宽度Flex 布局父项常用属性给父元素添加 flex 属性div {原创 2020-06-04 20:29:36 · 1555 阅读 · 1 评论 -
本地静态网页上传到服务器
本地静态网页上传到服务器这篇文章的目的是在服务器上建一个最基础的静态网页，在网上看了很多教程要么太高深涉及到PHP或者MySQL等高级的东西，对于像我们这种只想要在服务器上运行一个静态网页的教程很少（也有可能是我的搜索方法不对）所以想要写一篇这种教程来帮助学习了前端知识手头上又有服务器的同学本文仅仅适合于HTML和CSS的静态网页，不涉及到高级操作，如果想要更高级的教程请搜索Apache...原创 2020-04-23 15:29:33 · 7359 阅读 · 2 评论 -
HTML5及CSS学习demo1和demo2
HTML5及CSS学习学习路径：HTML 20%CSS3 50%H5C3 10%包括新增的标签各种网页编程语言的功能结构 网页元素整理分类HTML表现 版式，颜色 大小CSS行为 网页交互的编写后端 JS浏览器工作原理转载自Adazheng的博客感谢博主能写出这么好的拟人的文章！用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服...原创 2020-03-05 22:06:01 · 8390 阅读 · 4 评论 -
HTML与CSS学习 demo10
这篇文章主要讲了 CSS2D和3D转换 动画 和浏览器私有前缀这是初学者看这个视频写下的笔记，如有错误，欢迎指正原创 2020-03-01 22:25:59 · 2611 阅读 · 4 评论 -
HTML与CSS学习 demo9
这篇笔记主要讲了HTML5和CSS3的新特性 HTML5新增了语义化标签，多媒体标签，input表单 CSS3新增了属性选择器，结构伪类选择器(child类型，of-type选择器)，伪元素选择器，不受padding和margin影响的盒子模型，类似动画的过渡属性，模糊属性，和执行计算函数原创 2020-02-23 12:06:04 · 1966 阅读 · 6 评论 -
HTML与CSS学习 demo8
HTML与CSS学习这篇文章主要讲了定位，隐藏，精灵图，字体图标，CSS三角，鼠标样式，表单样式，vertical-align属性，溢出部分省略号显示和一些布局技巧这篇笔记东西比较多也比较杂，希望以后能认真看完这篇笔记是初学者写下的笔记，如有错误，欢迎前来指正CSS定位实例：例如固定在屏幕两边的模块，或者是在盒子上显示的小模块定位，把盒子定在某个位置定位 = 定位模式...原创 2020-02-19 22:13:29 · 2196 阅读 · 2 评论 -
HTML与CSS学习 demo7
HTML与CSS学习这篇文章主要讲了CSS的浮动部分，主要是有一个学成在线的案例学习到很多开发时的知识案例请移步学成在线案例这篇笔记是初学者写下的笔记，如有错误，欢迎指正。传统网页布局的三种方式标准流(普通流/文档流)：按照默认的方式排列浮动流定位流CSS浮动浮动可以改变元素标签的默认排列方式网页布局第一准则：多个块级元素横向排列标准流，多个块级元素纵向排列浮动...原创 2020-02-17 14:34:46 · 2226 阅读 · 1 评论 -
学成在线案例demo7.html
<!-- 这个代码是demo7笔记里的实例代码，请结合demo7笔记查看 --><!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...原创 2020-02-17 14:34:27 · 2592 阅读 · 0 评论 -
HTML与CSS学习 demo6
HTML与CSS学习这篇笔记主要讲了CSS盒子模型(border，padding，margin)，圆角边框，盒子阴影，文字阴影这篇笔记是初学者写下的笔记，如有错误，欢迎前来指正CSS盒子模型border边框content内容padding内边距：边框和内容的距离margin外边距：盒子与盒子之间的距离在审查元素里的CSS部分里的Computed里面可以看见这四个属性边框 ...原创 2020-02-12 19:22:08 · 2367 阅读 · 0 评论 -
HTML与CSS学习 demo5
HTML与CSS学习这篇笔记主要讲了CSS快捷键的使用方法，复合选择器，块元素，行内元素，CSS背景，CSS层叠性、继承性和优先级这篇笔记是初学者写下的笔记，如有错误，欢迎前来指正。Emmet语法(快捷键)快速生成HTML结构语法生成多个相同标签，标签名*3 (注，中间不要有空格)父子级标签 例：ul和li 可以写 ul>li兄弟关系用+可以直接 .nav...原创 2020-02-09 19:52:14 · 3429 阅读 · 4 评论 -
HTML与CSS学习 demo4
HTML与CSS学习这篇笔记主要记了CSS的基础语法，选择器，字体属性，文本属性，CSS三种引入方式初学者写下的笔记，如有错误，欢迎大家前来指正。CSS基础CSS主要来美化网页CSS层叠样式表的简称(标记语言)CSS语法规范选择器+{多条声明}注释为/* */CSS要写在<head>里的<style>标签之中代码示例(以p标签为例...原创 2020-02-05 20:17:44 · 3369 阅读 · 0 评论 -
HTML5及CSS学习 demo3
HTML5及CSS学习这篇笔记主要记了表格标签，列表标签和表单标签表格标签表格：显示展示数据基本语法：<table> <tr> <td>单元格中的文字</td> </tr> </table><table></table>定义表格的标...原创 2020-02-02 21:24:34 · 7915 阅读 · 4 评论