- 博客(12)
- 收藏
- 关注
RSS订阅原创 CSS(雪碧图，渐变色)
(2)xxdeg 表示角度，度数，会更灵活,正值顺时针，负值逆时针。渐变色不是单纯的背景色，可以把它看成是一个图片，用background-image:;参数1:表示方位，（可选值，不写默认是to bottom）解决图片闪烁问题，提高网站的性能，可以使用 雪碧图/精灵图 ,学名：图片整合技术。可以写多个颜色，默认情况下，颜色是均分占比的。问题： （1）第一次切换图片时，会发现图片有一个非常快的闪烁，浏览器编译网站的是有顺序，先是html结构，然后再加载外部资源 ，也可以手动的指定渐变的分布情况。
2022-12-01 18:43:21
129
1
原创 CSS进阶知识（背景，图片）
background-size要写在background-position后面。padding-box 背景不会出现在边框，只会出现在内容区和内边距。- 如果指定的是一个正值，则图片会向右移动指定的像素。- 如果指定的是一个负值，则图片会向左移动指定的像素。- 如果指定的是一个正值，则图片会向下移动指定的像素。- 如果指定的是一个负值，则图片会向上移动指定的像素。border-box 默认值，背景颜色会出现在边框的下边。4:background-position可以调整背景图片在元素中的位置。
2022-11-30 20:29:29
192
原创 CSS进阶知识（图标字体，轮播图）
使用z-index样式，样式值：是一个正整数，值越大，层级越高，越能够显示在最上面。使用z-index样式，样式值：是一个正整数，值越大，层级越高，越能够显示在最上面。所以可以直接使用图标字体，把它们就当成字体，可以用字体相关的样式，去修改。图标字体在一些大的框架系统里，或者一些大的网站，很多大牛都已经归纳好，那我们。网页中会有很多小的图片，例如，购物车，小箭头，定位等，样式值：0-1之间，0是透明，1是不透明。样式值：0-1之间，0是透明，1是不透明。2、z-index的使用前提是必须开启定位。
2022-11-29 22:28:49
98
原创 CSS进阶知识（三）
我们会同时设置其父元素相对定位，以便设置偏移量，这种情况叫“子绝父相”，2、在开启了定位的情况下，其包含块就是离它最近开启了定位的祖先元素，1、开启了绝对定位，如果不配合偏移量使用，元素的位置没有发生变化。2、开启了绝对定位后，元素会脱离文档流，下面的元素就会跑上去。3、开启了相对定位后，元素的层级会变高，也就是会盖住其他的元素。3、开启了绝对定位，元素脱离文档流，元素的性质就会发生变化。1、在没有定位的情况下，其包含块就是其父元素或祖先元素。1、开启固定定位后，元素会脱离文档流，元素的性质会发生改变。
2022-11-28 23:51:48
64
原创 CSS(盒子模型三，浮动)
1:浮动元素会脱离文档流，元素脱离文档流以后，不会再占用文档流的位置，它下边的元素会立即向上移动。元素在文档流的时候，会分块元素，行内元素，行内块元素，各自都有一定的特点。1、设置元素浮动后，元素会脱离文档流，就不会再占据原来在文档流的位置。设置元素浮动后，元素脱离文档流，元素原来在文档流中分类，特点就不复存在。浮动的元素不会盖住文字，文字会自动环绕在浮动元素的周围，5:如果浮动元素的上边是一个没有浮动的块元素，则浮动元素无法上移。当浮动的元素碰到了文字，浮动的元素不会盖住文字，
2022-11-26 21:15:24
542
原创 CSS(盒子模型二)
浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果，所以为很多的元素都设置了一些默认的margin和padding而它的这些默认样式，正常情况下我们是不需要使用的。如果父子元素的垂直外边距相邻了，则子元素的外边距会传递给父元素,导致父元素的位置发生变化，会影响到父元素下面的布局， 所以这个问题必须要解决。border-box width，height指的就是内容区，内边距，边框加起来的大小。默认情况下：盒子可见宽的大小由内容区，内边距，边框共同决定设置width，height特指内容区的宽高。
2022-11-24 20:10:04
57
原创 HTML,CSS进阶知识（盒子模型）
文档流文档流（normal flow）网页是一个多层的结构，css可以给每一层设置样式，最终我们看到是最上面的一层。文档流是网页最底下的那一层元素分为两种状态：在文档流中，脱离文档流之前将元素分为三类，块元素、行内元素、行内块元素分别具有一些特点，这些特点都是元素在文档流中的特点块元素：不会独占一行，宽是父元素内容区宽度，高是被内容撑开行内元素；
2022-11-23 17:00:45
379
原创 HTML,CSS进阶知识（字体样式颜色，行间距等）
引入图片后，图片与图片之间会有三像素的空白，正常情况，这个空白我们是要去除。00表示最小，代替0-255的0，ff表示最大，代替0-255的255。5:HSL值（H - 色相 0-360,S - 饱和度 0-100%,L - 亮度 0-100%）是父元素的宽高的百分比，是一个相对单位，会随着父元素宽高的变化而变化。设置其父元素的font-size为0。语法：#ff0000，像这样两两重复的表示，可以省略一位，简写成#f00。用十六进制的值来表示0-255之间的数值，表示红色，绿色，蓝色的浓度。
2022-11-22 18:10:26
520
原创 CSS进阶知识（伪类选择器，伪类等）
1、比较优先级时，需要将所有选择器的优先级进行相加计算，最后优先级越高，则优先显示，(并集选择器)分组选择器是单独计算的。样式冲突：给同一个元素设置相同的样式名，不一样的样式值，最终哪个样式有效果， 是看选择器的权重，谁的权重高，就有效果。3、选择器的累加，不会超过上一级数量级，例如：类选择器再高也不会超过id选择器 量变达不到质变。定义：不真实存在的类，是一种特殊的类，它表示的元素的一种状态，不是固定某一定。兼具块元素和行内元素的特点，即不会独占一行，可以设置宽高。通配符、子选择器、相邻选择器等。
2022-11-21 17:31:31
297
原创 HTML简单小知识（一）
1、块元素主要是用来布局，里面可以放任何元素,块元素、行内元素、行内块元素。ol 它的项目符号：1、a、A、I 等，默认项目符号是‘1’常用块元素：div、p、h1-h6、header、main、footer、nav。4、最常用ol、ul，在实际的使用中，一般不做有顺序或者无顺序区分。section 独立的区块，上面的标签都不合适，就用这个 ， 用来代替div。dl，dt，都是配套使用，就像cp，不要混合使用。类似：大列表里有很多的小列表，每个小列表里有标题，有对标题的解释。
2022-11-17 20:02:22
961
原创 HTML制作简单网页（京东新闻资讯页，歌曲推荐网页）
font color=" 颜色代码 ">注意调整图片大小，注意换行，文本每行都要加（1）添加网页标题，居中一级标题二级标题三级标题。（8）添加段落（注意段落前空格，换行）（2）添加文本（居中，换行），添加图片,运用了颜色代码以及html修改颜色代码。1、创建一个新的文件夹后进入CODE。首先把图片添加到你新建的文件夹里。（7）添加三级标题（二级也可以）（6）添加文本（斜体，空行）（2）添加一级标题并居中。（3）添加文本，分割线。（4）添加日期并修改颜色。居中
2022-11-16 20:41:52
1685
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人