css 基础入门

【css 基础入门】的更多相关文章

CSS基础入门

css基础语法一.CSS格式选择器{ 属性名:属性值; 属性名:属性值; } 选择器负责圈定范围,要修改的元素集合,花括号内的声明由属性名和属性值组成(key:value)的形式,用于设定具体样式二.CSS三种引入方式 1.行间式 <p style="color:red;"</p> 2.内联式 <style> p { color:red } </style> 3.外联式 p { width: 100px; height: 100px; b…

第五十五天 css基础入门

一.引入css的三种方式 1.行间式 <div style="width: 100px; height: 100px; background-color: red"></div> 2.内联式 <head> <style> div { width: 100px; height: 100px; background-color: red; } </style> </head> 3.外联式 file: zero.css…

【WEB基础】HTML & CSS 基础入门（9）CSS盒子

网页上的元素辣么多,我该用什么办法让它们排列整齐.间距合理呢.常干家务的朋友们就容易理解了,用收纳盒呀! 所以用CSS做网页布局就涉及一个盒子的概念,简单理解,我们可以把页面上的所有HTML元素看作一个个的盒子,网页上所展示出来的具体内容,如:文字.图片等都可以理解为内容,是放在盒子里面的东西. 这些装着内容的盒子排列在网页上,盒子与盒子存在着一定的间隙,我们称为外边距, 每个盒子都有边框,每条边框都可以设置自己的样式,边框与内容之间也可以存在一定的间隙,我们称为内边距. 外边距.边框.内边距按…

【WEB基础】HTML & CSS 基础入门（7）表格

表格的基本结构表格是网页上最常见的元素,它除了可以用来展示数据,还常常被用来排版.虽然现在提倡使用DIV+CSS完成页面布局,但表格框架简单明了,对于繁杂的数据,一个简洁的表格能让其展现的极有条理. 简单来说,表格是由行.列(单元格)组成.表格由 <table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行又由若干单元格(即列,由 <td> 标签定义)组成.表格单元格里可以包含文本.图片.列表.段落.表单.水平线.表格(嵌套)等等. 别罗嗦,看代码.…

【WEB基础】HTML & CSS 基础入门（5）边框与背景

前面(HTML图片) 漂亮的网页肯定少不了边框与背景的修饰,本篇笔记就是说明如何为网页上的元素设置边框或者背景(背景颜色和背景图片). 之前,先了解一下HTML中的图片元素,因为图片标签的使用非常简单,所以就插在这里说明一下. HTML中的图片,我们只需要掌握它的标签写法以及它的三个属性就基本OK了. 写法格式:<img src="图像源文件的路径"/> 主要属性: 说明:图片<img/>标签跟段落<p></p>标签不太一样,<im…

【WEB基础】HTML & CSS 基础入门（3）段落及文本

写在前面:CSS选择器网页要显示很多内容,想要为每个内容设置不同的样式,我们就得首先选中要设置样式的内容,CSS选择器就是指明该样式是针对HTML里哪一个元素的.简单的例子,网页上有几段文字,我们想把第一段文字调成红色的,在用CSS写完红色文字样式后,是不是得指明该红色文字样式是针对第一段文字的,那就得用CSS选择器了.CSS选择器提供了多种方式帮你选中要设置样式的元素,这里我们介绍常用的三种: 元素选择器,就是“选中”相同的元素,然后对相同的元素设置同一个CSS样式. ID选择器,元素选择器…

【WEB基础】HTML & CSS 基础入门（4）列表及其样式

前面网页中漂亮的导航.整齐规范的文章标题列表和图片列表等等.这些都是离不开HTML里一个重要的元素----列表,在HTML中有无序列表.有序列表和定义列表三种类型.其中,无序列表应用最为广泛,下面,我们一块认识一下HTML列表. 列表在文档编辑中也是十分常见的,我们可以结合word里的列表来对比学习HTML的列表元素.在word中有符号列表.编号列表.多级列表.在HTML中也提供了三种类型的列表,分别是无序列表.有序列表和定义列表.无序列表没有先后顺序之分,类似word中的符号列表,有序列表用…

【WEB基础】HTML & CSS 基础入门（2）选取工具：VS2019安装使用

前面子曰“工欲善其事,必先利其器”.开始编写HTML代码前,我们该选择一款编辑工具,实际上,HTML作为标记语言,我们甚至可以直接用记事本来编写HTML代码,但记事本实在弱爆了.这里推荐使用Visual Studio,当然,你也可以选择其它你习惯使用的编辑器,甚至可以使用在线的HTML编辑工具.Visual Studio(简称VS)是微软公司的开发工具,有“宇宙第一IDE”的美称,它十分强悍,同时又足够的易用,对于初学者而言,个人认为VS还是比较合适的. (注:IDE即集成开发环境,就是可以用…

【WEB基础】HTML & CSS 基础入门（1）初识

前面我们每天都在浏览着网络上丰富多彩的页面,那么在网页中所呈现出的绚丽多彩的内容是怎么设计出来的呢?我们想要自己设计一个页面又该如何来做呢?对于刚刚接触网页设计的小伙伴来说,看到网页背后的一堆符号和代码,是不是会感到有些凌乱.“看这里.看这里”,其实HTML并不复杂,严格意义上它并不是编程,它只是一些标记,也可以说是和浏览器的一些“约定”,就是告诉浏览器,要显示什么内容,这些内容是什么样式. 好了,不废话了,来个例子看下: 一个 HTML 小例子第一步:新建“记事本”,把下面这段代码复制到记…

CSS 概述为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,css 由此而生,css 是 Cascading Style Sheets 的字母缩写,意思是层叠样式表,有了 css,html 中大部分表现样式的标签就废弃不用了,html 只负责文档的结构和内容,表现形式完全交给 css css 基本语法 css 的定义方法是: 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式,每个属性有一个或多个值,属性和值之间以键值对的形式存在选择器{属性:值; 属性:值; 属性…