- 博客(14)
- 资源 (7)
- 收藏
- 关注
原创 CSS小练习3——网页左侧导航栏
这个难道真的这么简单吗??先上效果图,不能说一模一样,只能说是毫无差别:. 我写的代码是这样的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test1</title> <link rel="stylesheet" href="../reset.css"> <style>
2021-11-20 11:46:04 4426
原创 CSS小练习2——新闻栏的样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test3</title> <link rel="stylesheet" href="../reset.css"></head><style> .box1{ margin:20px; font-.
2021-11-18 23:52:11 1140
原创 CSS小练习1——显示三个图片列表
就是说左边和右边强行一致(狗头)大概是最笨的方法了……<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test2</title> <link rel="stylesheet" href="../resrt.css"></head><style> .box1{
2021-11-18 23:03:47 1004
原创 CSS——水平布局和垂直布局
水平布局子元素在其父元素中水平方向的位置由以下几个属性共同决定:为了理解方便理解画了个图,图上一共有子元素的七个属性,而这七个元素的和则必须等于父元素的width<head> <meta charset="UTF-8"> <title>Surymy</title> <style> .box1{ width:280px; height:200px;
2021-11-17 17:50:27 3888
原创 CSS——盒子模型
盒子模型CSS将界面中所有的元素都设置为一个矩形的盒子,每个盒子由以下几部分组成:内容区:元素的所有子元素+文本内容-width/height是用来设置内容区的大小的内边距:内容区和边框的距离边框:盒子的边缘,会影响盒子的大小外边距:确定盒子的位置一、边框(border)简写语法一:border(border-width border-color border-style)比如:border(10px orange solid)。每个属性之间用空格隔开,不分先后顺序。简写语法二:bor
2021-11-16 16:53:37 821
原创 CSS——颜色单位
在CSS中用颜色名来设置各种颜色,比如red,blue,yellow等。但也存在一个问题,我们不可能把所有的颜色名字都记下来,导致这样直接使用非常不方便。所以我们来介绍两种颜色变式方法:RGB值:通过三种颜色的不同浓度来调配不ongoing的颜色语法:rgb(红色, 绿色, 蓝色),其中三个参数值得范围都是0 ~ 255(用百分比内部来表示就是0% ~ 100%,但用的不多)特殊值:由于RGB颜色表示采用的是光的三原色,所以有两个特殊值:rgb(0, 0, 0)和rgb(255, 255, 255)
2021-11-16 10:27:36 532
原创 CSS——四种单位长度
长度单位像素不同屏幕的像素大小是不同的,像素越小屏幕显示的效果越清晰所以同样的200px在不同的设备下显示的效果不一样百分比:百分比可以设置属性相对于其父元素属性的百分比<style> .one{ width:200px; height:200px; background-color:black; } p{ width:50%;
2021-11-05 23:11:45 154
原创 CSS——选择器的优先级
选择器的优先级当我们通过不同的选择器选中相同的元素,并且为相同的样式设置不同的值时,此时就发生了样式的冲突。发生样式冲突时,应用哪个样式由选择器的权重(优先级)决定:内联样式 1 0 0 0id选择器 0 1 0 0 类和伪类选择器 0 0 1 0元素选择器 0 0 0 1统配选择器 0 0 0 0继承的样式 没有优先级注意:比较优先级时,需要将所有选择器的优先级进行相加计算最后数值越大,则越优先显示(分组选择器要单独计算)选
2021-11-04 22:08:13 249
原创 CSS——继承
样式继承定义:我们为一个元素设置的样式同时也会应用到他的后代上,发生在祖先元素和后代之间的目的:为了方便开发,利用继承将一些通用的样式统一设置到共同的祖先元素上,这样只需设置一次即可让所有元素都具有该样式注意:并不是所有的样式都会被继承。比如背景相关的、布局相关的等都不会被继承 p{ background-color:pink } div{ color:green } <p>
2021-11-03 22:56:17 164
原创 CSS——伪元素
伪元素定义:表示页面中一些特殊的并不真实存在的元素(特殊的位置)特点:一般都使用::开头内容::first-letter 表示第一个元素::first-line 表示第一行::selection 表示选中的内容::before 表示元素的开始::after 表示元素的左后-before和after必须结合content使用 p::first-letter{ font-size:50px; } p::first-line
2021-11-02 11:09:14 134
原创 CSS——超链接的伪类
为超链接不同的状态设置不同的样式仅a元素使用:link 未访问的超链接,可设置颜色、字体大小:visited 已访问的超链接,可设置颜色,但不可以设置字体大小所有元素都可以使用::hover 鼠标移入时状态变化:active 鼠标点击(但未松开)时状态变化
2021-11-01 17:49:12 3153
原创 CSS——伪类选择器
伪类选择器1.定义:用来描述一个元素的特殊状态的一种不存在的选择器或特殊的选择器2.特点:一般情况下都用:开头3.类别:① 根据所有的子元素排序:first-child 第一个子元素:last-child 最后一个子元素:nth-child()-特殊值:n:选中0到正无穷范围内的所有子元素2n或even:偶数位元素2n+1或odd:奇数位元素 ul>li:first-child{ color:red } ul>
2021-11-01 17:08:51 942
双极性非归零码时域波形及其眼图.rar
2019-09-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人