首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端-HTML+CSS
cocoCola91667
创建于2023-04-25
订阅专栏
HTML+CSS学习以及案例
暂无订阅
共11篇文章
创建于2023-04-25
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
HTML学习
块级元素有、、,以及列表标签、、、、、 行内元素有、、以及文本格式化标签、、、 行内块元素 、,以及标签,的本质就是 一般行内元素、行内块元素都使用 div 包裹一下。 CSS三大特性:层叠性 继承性
CSS-选择器
标签选择器 标签选择器是指用HTML标签名作为选择器,可以把某一类标签全部选择出来,然后为页面中某一类标签指定统一的CSS样式。 比如:将所有的p标签选出来,颜色设置为红色。 优点是能快速为页面中同类
CSS-常用属性
1. CSS样式表 CSS(Cascading Style Sheets),通常称为CSS样式表或层叠样式表(级联样式表)。 主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形
CSS-盒模型
其实,CSS就三个大模块:盒模型、浮动、定位,其余的都是细节,这三部分,无论如何也要学的非常精通。 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元
CSS-浮动(float)
1. CSS 布局的三种机制 网页布局的核心就是用 CSS 来摆放盒子,CSS 提供了 3 种机制来设置盒子的摆放位置,分别是标准流、浮动和定位。 标准流 块级元素会独占一行,从上向下顺序排列。 行内
CSS-定位(position)
1. 为什么使用定位? 我们先来看一个效果,同时思考一下用标准流或浮动能否实现类似的效果? 小黄色块在图片上移动,吸引用户的眼球 当我们滚动窗口的时候,盒子是固定屏幕某个位置的 要实现以上效果,标准流
CSS-版心和布局
阅读报纸时容易发现,虽然报纸中的内容很多,但是经过合理地排版,版面依然清晰、易读。同样,在制作网页时,要想使页面结构清晰、有条理,也需要对网页进行“排版”。 “版心”(可视区) 是指网页中主体内容所在
CSS-Chrome调试工具
“工欲善其事,必先利其器”,Chrome浏览器不仅可以调试页面、JS、请求、资源、cookie,还可以模拟手机进行调试。我们现在只是使用html和css,我们先讲一下现在常用的调试。 1. 怎样使用C
CSS-高级技巧
1. 元素的显示与隐藏 ① display 显示 display 设置元素是否及如何显示。 特点:隐藏之后,不再保留位置。 实际应用场景:配合后面js做特效,比如下拉菜单,原先没有,鼠标经过,显示下拉
CSS3-形变、动画
一. CSS3 形变 1. 2D形变 transform是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、倾斜、缩放,甚至支持矩阵方式,配合过渡和即将学习的动画知识,可以取代大量之前只能靠F
品优购项目
使用HTML+CSS+JS实现的模仿京东电商界面,文档及代码如下:品优购项目 项目截图: