CSS3-Study
关注
分享
扫一扫
样式学习
ml_YSY
我们都是学徒！
展开
-
CSS 第008篇 2D转换 【2属性，5方法（4主+1辅）】
前言：CSS3转换，可以移动、比例化、反过来、旋转和拉伸元素。 属性 变换方法 属性值 描述 transform（变换方法） translate(位移，单位px) translate(x,y) 沿着x轴正方向移动x距离 y轴正方向移动y距离 translateX(n) 沿着x轴正方向移动n距离 translateY(n) 沿着y轴正方向移动n距离 scale（缩放，无单位） scale(x,y) 更改元素的宽度..原创 2020-11-16 21:42:43 · 226 阅读 · 0 评论 -
CSS 第007篇 字体font
@font-face{ font-family: 给下面这个字体起个名称; src: url(某某字体); } /*引用上面的字体*/ div{ font-family:给下面这个字体起个名称; } 属性 值 描述 font-family name 必需。规定字体的名称。 src URL 必需。定义字体文件的 URL。 font-stretch normal condensed .原创 2020-11-12 21:49:52 · 202 阅读 · 0 评论 -
CSS 第006篇 文本TEXT
文本效果的所有属性 【今后将先整理一个区块的所有的属性然后进行，练习，前面的文章，抽时间全部更改！】 属性 属性值 意义 text-align left 把文本排列到左边。默认值：由浏览器决定。 right 把文本排列到右边。 center 把文本排列到中间。 justify 实现两端对齐文本效果。 inherit 规定应该从父元素继承 text-align .原创 2020-11-11 22:27:31 · 272 阅读 · 0 评论 -
CSS 第005篇 背景-实战
background-image指定要使用的一个或多个背景图像 width: 600px; height: 600px; border:1px solid black; background-image: url("乐.jpg"); background-color指定要使用的背景颜色 width: 600px; height: 600px; border:1px solid black; background-color: blue; background-position指定背景图像原创 2020-11-10 22:29:38 · 207 阅读 · 0 评论 -
CSS 第005 背景-理论
背景属性：background CSS 背景属性用于定义HTML元素的背景。 背景缩写属性可以在一个声明中设置所有的背景属性。可以设置的属性分别是： 值 说明 background-color 指定要使用的背景颜色 background-position 指定背景图像的位置 background-size 指定背景图片的大小 background-repeat 指定如何重复背景图像 background-origin 指定背景图像的定位区域 .原创 2020-11-09 23:00:44 · 448 阅读 · 0 评论 -
CSS 第004篇 边框-实战2
前言：原始代码和前篇一致在此处就不再次展示了，忘了的回去看一眼。 >1 边界图片属性：border-image: source slice width outset repeat; 由于是用图片来作为边框样式，原有的边框样式会被覆盖掉，当图片不能显示时，原始的边框样式会显示。 a、border-image-source border-image-source: none|image; 用在边框的图片的路径URL，默认值none。如下实例： 原始图片，在获取图片时记得路径一定要正确..原创 2020-11-08 18:44:48 · 404 阅读 · 1 评论 -
CSS 第004篇 边框-实战1
前言：原始代码，未进行任何边框操作。 <!DOCTYPE HTML> <html> <head> <meta charset = "utf-8" /> <style> div{ background-color: blue; height: 400px; width: 400px; border: 20px solid black; } </style> </head&g原创 2020-11-05 23:41:38 · 167 阅读 · 0 评论 -
CSS 第004篇 边框-理论
>1 边框属性 a、圆角边框属性：border-radius: 1-4 length|% / 1-4 length|%; 注意:每个半径的四个值的顺序是：左上角，右上角，右下角，左下角。如果省略左下角，右上角是相同的。如果省略右下角，左上角是相同的。如果省略右上角，左上角是相同的。 值 描述 length 定义弯道的形状。 % 使用%定义角落的形状 border-top-left-radius border-top-right-radius .原创 2020-11-04 23:30:25 · 247 阅读 · 0 评论 -
CSS 第003篇 优先级和权重计算
>1 优先级 首先，说CSS文件内容位置的优先级，前文提到的四种导入样式的优先级： 行内样式>嵌入样式>外联样式表>导入样式表 其次，选择器的优先级，数字越大优先级越高： 通用选择器（*） 元素(类型)选择器 类选择器 属性选择器 伪类 ID 选择器 内联样式 !important 规则例外 当 !important 规则被应用在一个样式声明中时，该样式声明会覆盖CSS中任何其他的声明...原创 2020-11-03 23:34:52 · 228 阅读 · 0 评论 -
CSS 第002篇 id 和 class 选择器
前言：选择器就是进入HTML页面的钥匙，你必须学会如何开门。 >1 id选择器（唯一性） 我理解id选择器，他就是人的指纹，全世界都找不到相同的指纹【比喻】； id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。 ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。 ID属性只能在每个 HTML 文档中出现一次。 <!DOCTYPE HT.原创 2020-11-02 21:48:28 · 450 阅读 · 0 评论 -
CSS 第001篇 书写规则
前言：让一个裸体模特，穿上衣服——CSS <1符号使用规则 两种CSS样式符号书写方式： i、行内书写：【 <标签名称style = "属性名称:属性值"></标签名称>】，如多个属性设置样式使用分号【;】进行分隔。 ii、非行内书写：【选择器名称{属性名称：属性值}】，如多个属性设置样式使用分号【;】进行分隔。 <2调用规则 CSS四种引入方法： a、直接在HTML标签使用，简称：行内样式，如下代码： <!--给整个文章设置一个1像素的红...原创 2020-11-01 22:34:20 · 428 阅读 · 0 评论