CSS
关注
分享
扫一扫
wxiaojia
这个作者很懒，什么都没留下…
展开
-
css之 变量中的变量 及 花式计算calc
css是我的一个痛点????，学了点看起来有点高大上又有点好玩的变量中的变量咦，css可以用变量耶，比如说，有p, h1, h2元素，你设置他们的颜色相同红色，那得每个元素都设置一次红色，如果要把他们都改成其他也是一样的颜色，那也得一个一个元素去找css。而css也是可以设置变量的，:root 选择器用匹配文档的根元素。 :root { --text-color: rgb(255, 0, 0); /* 设置一个变量 */ } p { color: var(--text-c原创 2021-10-13 09:16:05 · 1168 阅读 · 0 评论 -
CSS3（杂记）
1.伪类：e表示元素element e.first-child{} 第一个孩子 e.last-child{} 最后一个孩子 e.only-child{} 只有一个孩子 e.nth-child(n){} 第n个孩子 n=1 2 3 4 5 6 7..... e.nth原创 2018-01-18 14:24:17 · 250 阅读 · 0 评论 -
css 选择器优先级
1.单个选择器优先级：标签选择器 类选择器 选择器 行内样式表看我是什么颜色？ p{ color:#cc0000; /*深红色*/ font-size:14px; } .myclass{ color:#006600;/*绿色*/ } #myid{ color:#0000f原创 2018-01-18 12:04:17 · 709 阅读 · 0 评论 -
css 行内元素和块元素
1. 行内元素：标签不是自己占一行的，行内元素的宽高由内容来决定，其宽度随元素内容而变化，所以行内元素的width height不能用,行内元素在水平方向上有效，但在竖直方向上无效。即padding-left,padding-right,margin-left,margin-right都会产生边距效果，但竖直方向上的无效如：span b i u strong a ,css样式是Inline原创 2018-01-17 21:12:37 · 443 阅读 · 0 评论 -
合并表格边框线
方法一：在html中 table{ width:800px; border:1px solid blue; } td{ border:1px solid blue; } 序号 姓名 电话 0001 小二 1234567890 0002 小三 1234567890 在原创 2018-01-17 15:31:36 · 1127 阅读 · 0 评论 -
html中引入css样式
一：行内样式表：临时测试用每个元素都有style属性，格式：内容 行内样式表 行内样式表的属性不需要双引号，属性值得单位通常是像素px为单位二：内嵌样式表：常用的一种在中添加style，在当前的文档可以使用该样式，需要的时候可以使用 p{ color: red; font-size: 36px; }三：外部样式表：非常常用的原创 2018-01-17 13:57:26 · 844 阅读 · 0 评论 -
css 盒子模型及其理解
盒子模型：如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .parent{ w原创 2018-01-17 22:00:53 · 436 阅读 · 0 评论 -
css清除浮动的方法
关于清除浮动的方法：方法一：使用clear.clear{ clear: both;}在浮动的盒子之下，再放一个clear类标签，可以清除对页面的影响。这个标签可放在两个位置：在父元素内部：会将父盒子高度重新撑开；在父元素外部：会将这个浮动盒子的影响清除吗，但不会撑开父盒子一般不会用这个方法来清除倾向，这会增加页面的标签。方法二：使用overflow在父元素中添加一个属性：overflow:hi...原创 2018-03-10 15:17:07 · 135 阅读 · 0 评论