响应式网页设计
文章平均质量分 75
朋友叫我小马
不断努力,顶端相遇!
展开
-
应用视觉设计_Day01
应用视觉设计一、设置文本样式1.设置对齐方式2.调整元素的宽度和高度3.加粗、下划线、删除线、水平线、强调文本4.调整文本的背景色5.调整标题与段落的大小6.给元素添加阴影、降低元素的透明度7.给文本添加大写效果8.设置多个标题元素的 font-size和font-width9.设置段落的font-size和line-height二、设置元素位置1.调整锚点的悬停状态2.更改元素的相对位置3.绝对定位的参照物是元素的父元素4.固定定位的参照物是浏览器的窗口5.使用 float 属性将元素左浮动或右浮动6.更原创 2021-06-19 09:44:36 · 170 阅读 · 0 评论 -
CSS基础_Day04
CSS基础一、CSS继承1.给 HTML 的 body 元素添加样式每一个 HTML 页面都有一个 body 元素。我们可以通过设置 background-color 的属性值为黑色,来证明 body 元素的存在。<style> body { background-color: black; //将整个body设置为黑色}</style>2.从 body 元素继承样式设置 body 元素样式的方法跟设置其他 HTML 元素样式的方式一样,并且其他元素也原创 2021-06-15 19:41:40 · 283 阅读 · 3 评论 -
CSS基础_Day03
CSS基础一、给 div 元素添加背景色background-color 属性可以设置元素的背景颜色。.green-background { background-color: green;}二、元素1.设置元素的 id除了 class 属性,每一个 HTML 元素都有一个 id 属性。使用 id 有几个好处:你可以通过 id 选择器来改变单个元素的样式。根据规范,id 属性应是唯一的。 尽管浏览器并非必须执行这条规范,但这是广泛认可的最佳实践。 因此,请不要给多个元素设置相同的 i原创 2021-06-12 10:01:14 · 224 阅读 · 0 评论 -
CSS基础_Day02
CSS基础一、字体1.更改元素的字体大小字体大小由font-size属性控制。<style> p{ font-size:16px; } //设置p元素字体大小为16px</style>2.设置元素的字体家族通过font-family属性,可以设置元素里面的字体样式。<style> p { font-family:monospace; } //设置p字体样式为monspace</style>3.引入原创 2021-06-12 09:11:18 · 189 阅读 · 0 评论 -
CSS基础_Day01
CSS基础CSS简介CSS 的全称是 Cascading Style Sheet(层叠样式表),它主要用来控制网页的样式。注意,CSS 的选择器区分大小写,因此要谨慎使用大写。颜色 color背景 background字体 font位置 position显示 display边框 border内边距 padding外边距 margin行高 line-height装饰 text-decoration过渡 transtion变化 transform动画 animation...原创 2021-06-10 23:37:29 · 354 阅读 · 0 评论 -
HTML基础_Day03
HTML基础一、元素嵌套div元素,也叫division(层)元素,是一个盛装其他元素的通用容器。以<div>开始,以</div>结束。二、声明 HTML 文档的文档类型有一些标签是用来组成网页的总体结构,并且它们在每个 HTML 文档中都能看到。在文档的顶部,你需要告诉浏览器你的网页用的 HTML 哪个版本。 HTML 是一个不停进化的语言,大部分浏览器都支持 HTML 的最新标准,也就是HTML5。但是一些陈旧的网页可能使用的是 HTML 的旧版本。你可以通过<原创 2021-06-10 10:05:28 · 72 阅读 · 0 评论 -
HTML基础_Day02
HTML基础一、列表1.创建一个无序列表无序列表以<ul>开始,中间包含一个或多个<li>元素,最后以</ul>结尾。例子:<ul> <li>牛奶</li> <li>奶酪</li></ul>2.创建一个有序列表有序列表以<ol>开始,中间包含一个或多个<li>元素,最后以</ol>结尾。例子:<ol> <li>原创 2021-06-09 23:15:18 · 90 阅读 · 0 评论 -
HTML基础_Day01
HTML基础Html简介HTMl是英文Hyper Text Markup Language(超文本标记语言)的缩写。大部分HTML元素都有一个开始标记和结束标记。元素/标签1.标题:h1-h62.段落:<p>……</p>3.注释:<!--……-->4.定义文档的主体部分:<main></main>5.添加图片:img标签是单标签,src属性指向一个图片的地址。alt属性的文本是当图片无法加载时显示的替代文本。例子:<img原创 2021-06-08 23:24:05 · 69 阅读 · 0 评论