过了个国庆，比上班还要累还要紧张。今天是国庆后的第一个小周末，真是倍儿感轻松，终于有时间把我的最新研究成果公布了。大家知道，做前端都绕不开跟css打交道。往大了说要布局，往小了说要改颜色，字体大小，间距。就是这些小动作有没有让你感觉到困扰呢。之前我写过一篇文章，提供的方案是分块，影响全局样式的放到公共文件供每个页面引用，比如项目主题颜色是#ababab,那么就可以定义个颜色类放在base.css文
转载
2023-07-21 17:30:47
32阅读
1、用纯css创建一个三角形的原理：.demo{
width:0;
height: 0;
border: 5px solid transparent;
border-left-color: red;
}2、为什么要初始化css样式不同的浏览器堆标签的默认值是不同的，如果没有对css初始化往往会出现浏览器之间的页面显示差异。
不建议使用*3、解释为何要清除浮动？清除浮动的方式1）、给父级d
转载
2024-01-30 00:23:52
34阅读
一、css的引入方式行内样式内接样式外接样式(链接式、导入式)CSS介绍现在互联网前端的组成：HTML：超文本标记语言。从语义的角度描述页面结构，好比人的骨骼。CSS：层叠样式表。从审美的角度负责页面样式，好比人的衣服JS：JavaScript。从交互的角度描述页面行为，好比人的奔跑、跳跃等运动。CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添加
转载
2023-07-31 23:49:20
61阅读
?文章目录一、??网站题目二、✍️网站描述三、?网站介绍四、?网站演示五、⚙️ 网站代码?HTML结构代码?CSS样式代码六、? 如何让学习不再盲目七、?更多干货 二、✍️网站描述?️HTML我的班级网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面
前端js与CSS一直是自己的一个痛点。只能说尽量多学一点吧。这里有几点对自己的总结：①当一个标签中有多个样式的时候，我们可以设置一个为最高等级，那么就会将这个样式展示出来。添加!important; 属性。style="width:180px !important;" ②在调试的时候要整体调试，先要找到是哪个组件。<
原创
2017-04-20 16:15:22
720阅读
CSS 如何学习 css是什么 css怎么用（快速入门） css选择器 美化网页 盒子模型 浮动 定位 网页动画（特效） 1 什么是css Cascading Stytle Sheet层叠级联样式表 css：表现（美化网页） 字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动 1.2 发展史 ...
转载
2021-08-02 20:00:00
89阅读
2评论
每日测验 """ 今日考题 1.ascii,gbk,utf-8,gbk的区别 2.请用至少两种方式实现m与n值交换m=10,n=5 3.什么是深浅拷贝 4.什么是HTTP协议 5.列举你所知道的HTML标签 """ 昨日内容回顾 Web的本质 """ 浏览器 服务端 文件(html文件) """ 课 ...
转载
2021-08-31 19:37:00
114阅读
<!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.or
原创
2019-06-03 13:52:00
214阅读
思想 层叠样式表（Cascading Style Sheets） 用来表现HTML或XML等文件样式 分层设计，把颜色、大小、位置等信息剥离到出来，html只关心提供什么内容 语法 选择器 { 属性 : 值 } selector {property: value} 注释 /* 内容 */ 选择器 元
转载
2020-03-15 16:19:00
81阅读
2评论
CSS就是可以理解为一个美工，用来美化HTML的，从零开始学习CSS
原创
2022-10-31 15:26:24
76阅读
css代码技巧 文章目录css代码技巧前言一、减少要改动的地方1.1 当某些值相互依赖时，应该把它们的相互关系用代码表达出来1.2 代码量少和代码易维护有时候不可兼得1.3 灵活控制1.4 使用currentColor变量简化代码1.5 使用inherit继承关键字二、视觉设计2.1 文本容器的内边距问题三、分栏布局的栏个数四、简写和展开式属性合理使用总结 前言一、减少要改动的地方1.1 当某些值
转载
2024-10-27 21:20:42
18阅读
文章目录1 position 属性的作用2 static 属性值3 relative，absolute，fixed3.1 relative 属性值3.2 absolute 属性值3.3 fixed 属性值1 position 属性的作用position属性用来指定一个元素在网页上的位置，一共有4种定位方式
原创
2022-02-24 10:16:24
101阅读
文章目录1 position 属性的作用2 static 属性值3 relative，absolute，fixed3.1 relative 属性值3.2 absolute 属性值3.3 fixed 属性值1 position 属性的作用position属性用来指定一个元素在网页上的位置，一共有4种定位方式，即position属性主要有4个值。staticrelativefixedabsolute2 static 属性值static是position属性的默认值。如果省略position属性，
原创
2021-06-10 16:06:18
429阅读
转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果，可以简单理解为变形一、2D转换1、移动（translate）2D移动是2D转换里面的一种功能，可以改变元素在页面中的位置，类似定位①语法：  
转载
2024-06-28 00:03:55
59阅读
开门见山的说，transition、transform和translate这三者经常有人搞混，先把这三者做一个简单解释：
transform是 转换，指的是改变所在元素的外观，它有很多种手段(转换函数)来改变外观，例如 位移、缩放、旋转 等，而其中的位移的函数名就叫translate，所以说，translate是transform的一部分。
transition是 过渡，指的是某个CSS属性值如何
转载
2024-06-24 18:27:06
196阅读
目录一:CSS1.什么是CSS？2.CSS3语法3.语法结构4.注释语法5.css代码书写位置(引入方式）二:scc代码书写位置(引入方式实战)1.style内部直接编写css代码2.link标签引入外部css文件3.标签内直接书写三:css注释管理四:基本选择器(重要)1.css是用来调节标签样式的 那为什么需要学选择器呢?2.标签选择器>>>:通过标签名直接查找3.类选择器(
转载
2024-06-14 10:02:18
94阅读
http://www.w3school.com.cn/css/index.asp
原创
2023-04-11 11:59:31
153阅读
