![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
文章平均质量分 89
b站千峰视频笔记
小镇男孩~~
加油
展开
-
HTML+CSS_第一部分_01(html+css简介、html讲解)
一 HTML+CSS的基本简介1 、 什么是html和css 和js (1)他们是两种编程语言,一般情况下需要配合使用,是作为网站开发的基础语言 (2)HTML是通过代码把要显示的内容显示到网页上 CSS是对它的美观.比如加颜色.背景..排版什么的 JS是对它做特效的 (3)浏览器把源代码解析后的样子就是我们看到的网站 (4)F12或者ctrl+U查看网站的源代码 (5)一个网站是由N个网页组成的,每一个网页就是一个.html文件2 、原创 2020-10-24 17:07:14 · 268 阅读 · 0 评论 -
HTML+CSS_第一部分_02(CSS_1:样式、颜色、背景、容器、字体、文本、选择器、继承关系、优先级)
3 CSS介绍(1)基础格式: 选择器{属性1:值1; 属性2:值2} 单位: px 像素 % 百分比 (外容器为600px 50%代表300px)基本样式 Width 宽 height 高 background-color 背景颜色css注释 : /* CSS注释 */(2)内联样式和内部样式 内联样式: 在html标签中添加style属性(优先级比较高) <div style="width: 100px;heigh原创 2020-10-24 17:17:15 · 491 阅读 · 0 评论 -
HTML+CSS第一部分_03(盒子模型、标签分类、边框类型、溢出隐藏、透明度、手势、最大最小宽、默认样式及其重置、浮动、定位、雪碧图、圆角)
文章目录(12) css盒子模型1.组成及其基本属性2.盒子的属性3.盒子的margin叠加问题:4.盒子模型之margin传递问题5.盒子模型的扩展1.2.(13) 标签的分类1、按类型划分2、按内容进行分类:3、按显示分类:(14)显示框类型(15)标签的嵌套规范(16)溢出隐藏(17)透明度(18)手势1.怎么设置手势2. 怎么实现自定义鼠标手势??(19)最大最小宽高(20)css的默认样式(21)常见的css重置样式(22)float浮动(23)position定位1.Relative相对原创 2020-11-23 15:46:31 · 277 阅读 · 0 评论 -
HTML+CSS第二部分_01(html进阶)
文章目录(1)HTML与XHTML有啥区别???(2)strong和b、em和i标签的异同之处???(3)引用标签(4)iframe嵌套页面(5)br和wbr标签(6)pre和code标签(7)map与area标签(8)embed和object标签(9)video与audio标签(10)文字注释与文字方法(11)link标签的扩展(在head头部使用)(12)meta标签的扩展学习(在head头部使用)(13)html5新语义化标签123(12)表格的扩展学习(css)(13)表单扩展--美化控件(css)原创 2020-11-23 16:27:29 · 248 阅读 · 0 评论 -
HTML+CSS第二部分_02_CSS进阶:(过渡效果、变形、动画、3D、背景图、渐变、字体图标、阴影、遮罩、倒影、模糊、伪类、Hack、布局)
文章目录(16)浏览器前缀(17)过度效果transition过度:(18)transform变形(19)animation动画(20)animate.css动画库(21)3D基本语法(22)背景图样式扩展(23)css3渐变(24)字体图标(@font-face)(25)字体图标库(26)自定义字体图标(27)文字阴影(28)盒子阴影(29)遮罩 mask(30)倒影 box-reflect(31)模糊 blur(32)计算 calc(33)分栏布局(34)伪类与伪元素(35)CSS Hack1、css属原创 2021-05-17 19:05:06 · 429 阅读 · 0 评论 -
HTML+CSS_第三部分(Flex弹性盒子布局、grid网格布局、移动端、移动端流式布局、移动端rem布局、响应式布局、Bootstrap框架)
文章目录(1)Flex弹性盒子布局一: 父容器上的属性1、 display:flex 设置为弹性盒子(写在父容器上)2、flex-direction值 设置子项的布局方向(写在父容器上)3、Flex-wrap:值 设置子项单行还是换行显示(写在父容器上)4、Flex-flow: 值1 值2 (写在父容器上)5、justify-content:值 主轴方向上子项的对齐及分布方式 (写在父容器上)6、align-items:值 子项们相对flex容器在侧轴上的对齐方式(写在原创 2020-11-23 19:06:49 · 1812 阅读 · 0 评论 -
HTML+CSS_第四部分(Sass与Less、PostCSS、CSS架构与文件组织、CSS新特征)
文章目录(一): Sass与Less1、简介:2、Sass和Less的创建和转换为css3.Less4.Sass(二):PostCSS1.简介2.使用:3.Postcss常见的插件(三): CSS架构与文件组织(四):css新特征1.自定义属性2.Shapes3.Scrollbar4.scroll snap(一): Sass与Less1、简介:Sass、Less都属于css的预处理器,css预处理器定义了一种新的语言,其基本思想就是,用一种专门的语言,为css增加了一些编程的特性,如变量、语句、函原创 2020-11-23 19:41:06 · 333 阅读 · 0 评论