html和css
关注
分享
扫一扫
文章平均质量分 58
搬砖老金牛
海阔凭鱼跃，天高任鸟飞。
展开
-
【课程笔记】前端核心技术--HTML排版
将html前端知识再一次通过课程笔记进行巩固原创 2023-05-24 20:31:47 · 340 阅读 · 0 评论 -
- 媒体查询
格式： @media 媒体类型 and (媒体特征) { 样式 } 一、自适应 test10.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>自适应</title> <!-- 链接样式 --> <link rel="stylesheet" type="text/css" href="css/test10.c原创 2022-03-30 01:00:45 · 277 阅读 · 0 评论 -
背景的声明
一、背景图片的插入 网页中的图片以背景的方式进行呈现，属于css的范畴，背景图片会显示在子元素之下。 注意：背景图片的盒子元素必须要有尺寸 格式：background-image：url（图片地址） 二、背景图片的设置 1、设置背景图片的平铺问题 background-repeat：repeat（平铺x轴和y轴） background-repeat：repeat-x(平铺x轴) background-repeat：repeat-y(平铺y轴) background-repeat：no-原创 2022-03-29 21:22:07 · 180 阅读 · 0 评论 -
过渡&动画
一、2D转换 css3转换 transform：向元素应用2D或3D转换 通过css3转换，能够对元素进行移动、缩放、转动、拉长或者拉伸。 转换即使元素改变形状、尺寸、位置的一种效果。 1、位移 transform: translate(x,y)/translateX()/translateY() 例如：transform: translateX(500px); 2、缩放 transform: scale(x,y)/scaleX()/scaleY() 例如： transfor...原创 2022-03-29 01:27:31 · 303 阅读 · 0 评论 -
溢出&列表声明
一、容器溢出 1、overflow：hidden；（超出容器的文本内容，进行隐藏） 2、overflow：scroll；（超出容器，则出现纵向+横向的滚动条） 3、overflow：auto； （超出容器，只出现纵向的滚动条） 二、文本溢出 四个属性，超出范围，则隐藏为省略号。 1、控制文本不换行 white-space：nowrap； 2、必须要有一个确定的宽度 例如：width：360px； 3、溢出处理，超出部分隐藏 overflow：hidden; 4、文本处理，用省略号原创 2022-03-28 23:41:05 · 605 阅读 · 0 评论 -
文本属性与文本样式
一、文本属性与样式 1、字体颜色 color:#333; 2、 文字大小 font-size:20px; 3、字体 font-family: "宋体"; 4、字重 font-weight: 100-500(常规字体)/600-900（字体加粗）； normal(常规字体)/bold/bolder(比较级强调作用) 5、字体样式 font-style: oblique; 文本倾斜 font-style:normal; 正常（不倾斜） 6、行高 line-height:1.5em;原创 2022-03-28 15:39:09 · 284 阅读 · 0 评论 -
元素属性&盒模型
一、元素属性 元素属性的判断是根据标签的显示特点来定义的 1、块级元素：div p h1-h6 ul li 特点： （1）默认独占一行 （2）块级元素可以设置宽高 2、行内元素 特点： （1）在行内逐行显示 （2）不能设置宽高，尺寸是由内容来决定 属性的转换： display:block; (行元素转为块元素） display:inline; （块元素转为行元素） display:none; （标签隐藏） 二、盒模型 三、案例实操 ...原创 2022-03-28 01:12:35 · 189 阅读 · 0 评论 -
浮动和定位
一、浮动 二、定位原创 2022-03-25 22:15:33 · 530 阅读 · 0 评论 -
CSS选择器
c选择器表示要定义样式的对象，可以是元素本身，也可以是一类元素或者指定名称的元素。 一、选择器的分类 1、元素选择器：以标签名作为选择器的一种方式，例如：p h1-h6 div ul li…… 2、类选择器：在html中添加一个class属性，在css中利用 . +class名 的方式进行书写 3、id选择器 4、群组选择器 5、包含选择器 6、伪类选择器 7、通配符 实操： test4.html <!DOCTYPE html> <html> &...原创 2022-03-24 00:14:08 · 438 阅读 · 0 评论 -
css基础
1、css是什么？ css即“ Cascading Style Sheet（层叠样式表）”，用来控制网页的外观的一种代码语言。 css定义如何显示html元素。 2、css语法 选择符 { 属性：属性值；属性：属性值 } 3、css的引入方式 （1）内部样式表（内链式）：在html页面进行书写，利用style标签在head中书写css语法 （2）外部样式表（外联式）：实现html与css的分离，创建独立的css文档，利用link标签在head 里进行连接。-----采用的最多 （3）行内样式原创 2022-03-22 10:34:59 · 123 阅读 · 0 评论 -
HTML列表与表单的学习
一、列表标签 1、ol 有序列表 2、ul 无序列表 3、dl 自定义列表 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>列表标签</title> </head> <body> <!-- 一、列表 --> <!-- 1.有序列表 ol定义了有序列表，li定义了列表项 --> <原创 2022-03-22 09:12:47 · 110 阅读 · 0 评论 -
HTML基础学习
写这一系列的博客一方面帮助自己复习html的知识，我以前报了网课，现在通过复习，将知识撰写出来，另一方面，也想帮助那些愿意去学习html的那些人，当然会有疏忽，不足的地方，同时也欢迎大家的指正原创 2022-03-21 23:03:59 · 326 阅读 · 0 评论