![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
html_css_基础核心语法.
文章平均质量分 57
快速学会HTML_CSS_基础语法,掌握前端常用性能体验优化思路,打造完整前端工作流,提升工程化编码能力和思维能力。
zjing125
GoReactTaro全栈,这辈子总要赢一次。
展开
-
html_css_transform_ZHOU125disorder_
transform rotate(旋转) div{ width: 100px; height: 100px; background-color: #096; margin: 49px auto; transform: rotate(xdeg); } x代表度数增大顺时针转变小往逆时针转原创 2021-01-27 23:06:22 · 86 阅读 · 0 评论 -
html_css_圆角、影印、透明、渐变、鼠标_ZHOU125disorder_
圆角 border-radius 四个值: 左上 右上 右下 左下 三个值:左上 右上左下 右下 两个值:左上右下 右上左下 一个值:四个角同一值 圆角可以分解为更细的分解属性,比如左上角:border-top-left-radius border-radius: 50%; //border-radius的值可以为百分比_也可以为四个值; border-radius: 50px; //border-radius的值可以为长度单位 _也可以为四个值; borde原创 2021-01-26 19:38:27 · 185 阅读 · 0 评论 -
html_css_flex弹性盒模型_ZHOU125disorder_
弹性盒模型 弹性盒模型的使用方法 为父级元素添加`display: flex;` 或者 `display: inline-flex; 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。 容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的原创 2021-01-25 16:36:47 · 194 阅读 · 0 评论 -
html_css_选择器_ZHOU125disorder_
选择器 标签选择器 标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式. 类选择器 .value{ width: 100px; height: 100px; background-color: #096; } <div class="value"></div> **命名规范** 命名需要是具备语义性的单词,不能用 数字 拼音 符号 正确示范 : wrap description title content 错误示范 : aaa原创 2021-01-25 11:31:29 · 109 阅读 · 0 评论 -
html_css_background(背景)_ZHOU125disorder_
background(背景) background的复合型写法 backgorund: * color image repeat position/size attachment ; background: * 颜色 图片路径 平铺方式 位置/大小 是否滚动* 1.background-color(背景颜色) 背景颜色默认会延伸到border下方 <div></div> div{ width: 100px;原创 2021-01-24 21:40:08 · 189 阅读 · 0 评论 -
html_css_css基础_ZHOU125disorder_
zhou125disorder; font:综合设置字体样式; font-size:字号大小 相对长度单位 说明 px 像素单位 以像素点个数为基础 最常用的单位 em 相对于父级内文本的字体尺寸 rem 相对浏览器html对象内文本的字体尺寸 – – ...原创 2020-11-28 15:18:33 · 104 阅读 · 0 评论 -
html_css_基础标签_ZHOU125disorder_
## 外部样式表(外链式) 链入式是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中,通过link标签将外部样式表文件链接到HTML文档中,其基本语法格式如下: ## text-align:水平对齐方式 text-align属性用于设置文本内容的水平对齐,相当于html中的align对齐属性。其可用属性值如下: left:左对齐(默认值); center:居中对齐; right:右对齐; text-indent:首行缩进; text-indent属性用于设置首行文本的缩进,其属性值可为不原创 2020-11-28 16:09:45 · 139 阅读 · 0 评论