04.css编写相关
文章平均质量分 96
xjt_0901
这个作者很懒,什么都没留下…
展开
-
css揭秘书籍示例汇总+理解实现
css揭秘书籍示例汇总+理解实现原创 2022-07-06 21:31:24 · 357 阅读 · 0 评论 -
sass学习笔记
sacc学习笔记原创 2022-07-06 21:19:43 · 337 阅读 · 0 评论 -
09.尚硅谷网课9-浮动
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录浮动1. 浮动的简介2. 浮动的特点3. 脱离文档流的特点4. 简单布局5. 练习:w3school导航条浮动1. 浮动的简介通过浮动可以使一个元素向其父元素的左侧或右侧移动使用 float属性来设置于元素的浮动none 默认值,元素不浮动left 元素向左浮动right 元素向右浮动注意元素设置浮动以后,水平布局的等式便不需要强制成立元素设置浮动以后,会完全从文档.原创 2021-11-28 17:07:15 · 108 阅读 · 0 评论 -
08.尚硅谷网课8-盒模型补充
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录盒模型补充*1. 盒子大小2. 轮廓3. 阴影4. 圆角圆椭圆盒模型补充1. 盒子大小默认情况下,盒子可见框的大小由内容区、内边距和边框共同决定box-sizing用来设置盒子尺寸的计算方式(设置width和height的作用).box { width: 200px; height: 200px; background-color: yellow;.原创 2021-11-09 23:15:00 · 131 阅读 · 0 评论 -
07.尚硅谷网课7-实战练习
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录实战练习*1. 京东图片列表开发准备布局剖析结构搭建样式添加+方式1方式2细节完善+背景色外边距最终效果核心代码2. 京东左侧导航条开发准备布局剖析结构搭建样式添加细节完善+文字调整符号调整悬浮样式最终效果核心代码存疑问题3. 网易新闻列表结构搭建样式添加实战练习1. 京东图片列表开发准备.原创 2021-11-09 21:15:00 · 448 阅读 · 0 评论 -
06.尚硅谷网课6-盒模型
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录盒模型*1. 文档流(normalflow)2. 块元素3. 行内元素4. 盒子模型盒模型、盒子模型、框模型(box model)内容区(content)边框(border)内边距(padding)外边距(margin)5. 水平方向布局6. 垂直方向布局元素溢出边距折叠+兄弟元素父子元素脱离文档流7. 行内元素的盒模型8. 浏览器的默认样式.原创 2021-11-09 21:00:00 · 97 阅读 · 0 评论 -
05.尚硅谷网课5-样式继承与其他概念
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录样式继承与其他概念*1. 继承2. 选择器的权重3. 长度单位像素+屏幕分辨率图像分辨率百分比emrem4. 颜色单位RGB值RGBA十六进制的RGB值样式继承与其他概念1. 继承样式的继承,我们为一个元素设置的样式,同时也会应用到它的后代元素上继承是发生在祖先后后代之间的,继承的设计是为了方便我们的开发利用继承,我们可以将一些通用的样式,统.原创 2021-11-09 16:43:07 · 74 阅读 · 0 评论 -
04.尚硅谷网课4-css语法+选择器
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版CSS语法与选择器1. CSS简介层叠样式表网页实际上是一个多层的结构,通过CSS可以分别为网页的每一个层来设置样式,而最终我们能看到只是网页的最上边一层总之一句话,CSS用来设置网页中元素的样式使用CSS来修改元素样式的方式大致可以分为3种内联样式(行内样式)在标签内部通过 style属性来设置元素的样式<p style="color:red;font-size:60px;">内联样式(行内..原创 2021-11-09 16:42:45 · 121 阅读 · 0 评论 -
03.尚硅谷网课3-字符实体与语义标签
字符实体与语义标签1. 字符实体有些时候,在HTML中不能直接书写一些特殊符号,如:多个连续的空格(在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格)比如字母两侧的大于小于号(可能会被认为是标签并解析)如果我们需要在网页中书写这些特殊的符号,则需要使用html中的实体(转义字符)实体的语法: ;,如:更多的字符实体,可参考:HTML 字符实体、HTML ISO-8859-1 参考手册2. meta标签以京东网站为例,右键单击,选择 查看网页源代码<meta char原创 2021-11-09 16:42:01 · 417 阅读 · 0 评论 -
02.尚硅谷网课2-前端开发前准备
前端开发准备1. 离线文档的下载离线文档:Zeal - Offline Documentation Browser如果安装报错,需安装:Visual C++ Redistributable下载安装完成之后,会在"开始"屏幕或者桌面生成快捷键,双击打开在第一次使用时,并不是直接就有HTML文档的,还需要Download。这里点击工具栏的Tools-Assets或者下方的"Install and update docsets"都是OK的按照步骤安装即可由于服务器在国外,网络较慢,耐心等待do原创 2021-11-09 16:39:46 · 206 阅读 · 0 评论 -
01.尚硅谷网课1-前端简介
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录前端简介*1. 软件的分类1.1. 系统软件1.2. 应用软件1.3. 游戏软件2. 客户端与服务器2.1. 服务器2.2. 客户端3. 网页的特点4. 网页简史5. 浏览器和网页5.1. 浏览器的问题5.2. W3C的建立5.3. 网页的结构思想+结构、表现、行为6. 网页的基本结构6.1. 迭代6.2. 文档声明(doctype)6.原创 2021-11-09 16:38:57 · 290 阅读 · 0 评论 -
23.css-secret书籍示例汇总+理解实现
01.书中提到的会常用的函数02.提示框提示框三角实现方式01.移动位置02.当不设置宽高时 设置padding会自动填充div 形成一个正方体03.设置背景色为继承 提高代码健壮性04.去除右边和下边边框05.旋转—样式变为三角且覆盖原来边框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compat原创 2021-11-09 15:58:27 · 544 阅读 · 0 评论