九. CSS三大特性 1. 层叠性（覆盖性）： **相同的选择器给设置相同的样式，**此时一个样式会覆盖另一个冲突的样式、 层叠性就是要解决样式冲突的问题 层叠性原则： 若样式冲突：就近原则，离那个样式结构近，就执行那个样式 样式不冲突，不会层叠 <style> /*两个都是标签选择器同时对元素设置 ...
转载
2021-10-17 23:19:00
75阅读
2评论
1、父元素选择器：$div>span 例：.wrap>$div>span{color:red;} 此时样式会落在带有$的div身上 例2：$ol>li:only-child{list-style:none;} 此时样式会落在只有一个li子元素的ol身上。2、链接地址伪类：分割线//// :any-link（用于所有链接） :local-...
转载
2023-03-02 05:36:29
687阅读
我们知道有CSS1，CSS2，甚至还有由CSS2.1推出的CSS3不是么？这篇文章将快速的解释CSS如今的版本。CSS版本1和版本2都是统一规范的。所有的CSS，无论是选择器，定位，还是颜色等等都被包含在一个厚重的文档中。统一规范的问题在于当想要结束这版规范的时候，每个组件都不得不被结束。随着CSS逐渐变的复杂，新的特性被添加进来，为了宣布CSS版本结束而限制CSS每个部分都停止更新是不明智的。因
转载
2021-01-20 15:11:52
579阅读
2评论
同构成了CSS布局的基础，掌握它们对网页设计至关重要。
HTML部分： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/详情.css"/> </head> <body> ...
转载
2021-10-28 17:49:00
108阅读
2评论
CSS引入方式-行内式通过 style这个标签属性,将css键值对直接写入标签内12css引入方式-内嵌式（嵌入式）使用style标签将css属性名和属性值引入到html页面中,通常style标签放置在head标签中。为什么css样式要放置在head标签中呢,因为代码从上到下执行,如果先加载结构,那么用户看到的就将是干巴巴的内容,而没有通过美化,而先加载样式后加载结构,就相当于孩子出生就是穿着衣服
转载
2021-05-04 21:47:49
431阅读
2评论
又一周过去了，Chromium（594次提交）和Webkit（522次提交）有了1116个变更。亮点包括ChromiumOS触摸支持取得了更多进展、一个新CSS选择器的实现、以及line-box-contain属性。 Chromium 生成了一个键盘, 为锁定、解锁SIM卡和触摸设备提供了支持。为触摸界面升级了新的标签页面并添加了大的载入器，虽然并不是最终版本
原创
2022-01-10 10:14:35
81阅读
简介它能做什么呢？简单点说，它可以让网页开发人员干预浏览器的绘制（Paint）环节。为什么要干预绘制环节呢？干预绘制，意味着开发人员可以自行决定页面要绘制成的样子，而不一定非要等到浏览器支持才行。举个例子，CSS3 的新属性conic-gradient圆锥形渐变：<style> div { display: inline-block; width: 1
原创
2021-05-19 10:42:29
397阅读
<iframe src="#" width="100%" height="？px"></iframe>：页面嵌套 position: relative;相对定位元素的定位是相对其正常位置。 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性 任何一个容器都可以 ...
转载
2021-10-29 21:11:00
112阅读
2评论
text-decoration: none;使超链接下划线消失 text-decoration: line-through;定义穿过文本的一条线 display: inline-block;把行级元素转化为块级元素，可以设置元素的宽和高 text-align: 文本对齐方式属性right;设置为文本 ...
转载
2021-10-28 17:18:00
135阅读
2评论
CSS Paint API是CSS的一个新功能，它允许开发人员通过JavaScript动态地绘制图像和图形，并将这些图像和图形作为CSS背景、边框等样式的一部分应用到网页中。
原创
2024-10-26 09:29:31
52阅读
CSS Layout API是Houdini的一部分，后者是一组CSS扩展，旨在赋予开发者直接操作CSS内部工作方式的能力，包括动画、布局和样式计算等。通过CSS Layout API，开发者可以直接与CSS引擎交互，创建自定义的盒模型和布局算法，从而打破传统的网页设计界限。
原创
2024-10-26 09:29:52
58阅读
例子1： 要做成上面的效果：背景的***、红色、白色都是图片。背景图片如下：代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
原创
2015-11-18 11:16:24
1269阅读
练习一：1、类选择器使用练习：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org
原创
2013-07-31 18:51:25
859阅读
点赞
Java自学-CSS(4) 1、圆角边框及阴影和经验分享 1.1、边框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--左上右上 右下左下 顺时针方向 --> <!--圆圈 ...
转载
2021-08-29 20:58:00
61阅读
2评论
一、Swiper方法 pagination: { el: '.swiper-pagination', }, 分页器 nextEl: '.swiper-button-next' 前进按钮 prevEl: '.swiper-button-prev' 后退按钮 scrollbar: { el: '.swi ...
转载
2021-11-02 08:21:00
81阅读
3评论
css全称为层叠样式表，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小，颜色，字体加粗等。 css代码通常存放在sty...
转载
2020-05-13 01:38:00
50阅读
Java自学-CSS(4) 1、圆角边框及阴影和经验分享 1.1、边框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--左上右上 右下左下 顺时针方向 --> <!--圆圈 ...
转载
2021-08-29 20:58:00
62阅读
2评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
转载
2021-10-05 10:45:00
100阅读
2评论
css全称为层叠样式表，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小，颜色，字体加粗等。css代码通常存放在style标签内css样式由选择符和声明组成，而声明又由属性和值组成选择符{属性：值}，例如：p{color:red;};选择符：又称选择器，
原创
2021-07-16 16:31:46
92阅读
