前端
关注
分享
扫一扫
文章平均质量分 92
HTML+CSS
hirak0
这个作者很懒，什么都没留下…
展开
-
CSS基础学习-溢出和定位的使用
CSS基础学习-溢出和定位的使用溢出-overflow属性CSS overflow 属性控制对太大而区域无法容纳的内容的处理方式。CSS overflowoverflow 属性指定在元素的内容太大而无法放入指定区域时是剪裁内容还是添加滚动条。overflow 属性可设置以下值：visible - 默认。溢出没有被剪裁。内容在元素框外渲染hidden - 溢出被剪裁，其余内容将不可见scroll- 溢出被剪裁，同时添加滚动条以查看其余内容auto - 与 scroll 类似，但仅在必要时原创 2021-07-22 18:53:22 · 772 阅读 · 0 评论 -
CSS基础学习-float浮动、块级元素、行内元素
CSS基础学习-float浮动、块级元素、行内元素float(浮动)CSS 的float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。float（浮动），往往是用于图像，但它在布局时一样非常有用。元素怎样浮动元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不会受到影响。如果图像是右浮动，下面的文本流将环绕在它左边：img { float原创 2021-07-22 18:53:08 · 982 阅读 · 0 评论 -
CSS基础学习-盒子模型、margin、paddin的使用
CSS基础学习-盒子模型、margin、paddin的使用盒子模型(Box Model)所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model)：不同部分的说明：Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边原创 2021-07-22 18:50:22 · 342 阅读 · 0 评论 -
CSS基础学习-列表和超链接伪类
CSS基础学习-列表和超链接伪类列表列表属性(list)属性描述list-style简写属性。用于把所有用于列表的属性设置于一个声明中。list-style-image将图象设置为列表项标志。list-style-position设置列表中列表项标志的位置。list-style-type设置列表项标志的类型。marker-offset列表类型要影响列表的样式，最简单（同时支持最充分）的办法就是改变其标志类型。例如，在一个无序列表中，列表项原创 2021-07-22 18:49:51 · 1201 阅读 · 0 评论 -
CSS基础学习-文字、文本的学习
CSS基础学习-文字、文本的学习文字字体属性属性描述font简写属性。作用是把所有针对字体的属性设置在一个声明中。font-family设置字体系列。font-size设置字体的尺寸。font-size-adjust当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。）font-stretch对字体进行水平拉伸。（CSS2.1 已删除该属性。）font-style设置字体风格。font-variant以小型大写原创 2021-07-22 18:48:58 · 346 阅读 · 0 评论 -
CSS基础学习-背景、边框的学习
CSS基础学习-背景、边框的学习背景属性属性描述background简写属性，作用是将背景属性设置在一个声明中。background-attachment背景图像是否固定或者随着页面的其余部分滚动。background-color设置元素的背景颜色。background-image把图像设置为背景。background-position设置背景图像的起始位置。background-repeat设置背景图像是否及如何重复。backgrou原创 2021-07-22 18:48:13 · 374 阅读 · 0 评论 -
CSS基础学习-引用样式和选择器的使用
引用样式和选择器的使用如何使用样式标签描述<style>定义样式定义。<link>定义资源引用。<div>定义文档中的节或区域（块级）。<span>定义文档中的行内的小块或区域。<font>规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。<basefont>定义基准字体。不赞成使用。请使用样式。<center>对文本进行水平居中。不赞成使用原创 2021-07-22 15:23:37 · 835 阅读 · 0 评论 -
HTML 基础标签学习
HTML 基础标签学习简单的HTML页面架构<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body></html>注释：<!DOCTYPE html>声明为 HTML5 文档<html>元素是 HTML原创 2021-07-19 13:28:18 · 518 阅读 · 0 评论