三 CSS基础入门

CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS语法 CSS实例每个CSS样式由两个组成部分:选择器和声明(属性和属性值),每个声明之后用分号结束. CSS的几种引入方式行内样式行内式是在标记的style属性中设定CSS样式.不推荐大规模使用. <p style="color: red; font-size: 20px">Hello…

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…

[19/06/05-星期三] CSS基础_样式表的位置(内联、内部、外部样式)、块元素(div)、内联元素(span)、常用的选择器

一.概念 CSS(Cascading Style Sheets,层叠样式表) 可以用来为网页创建样式表,通过样式表可以对网页进行装饰. 所谓层叠,就是可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的.而CSS可以分别为网页的各个层次设置样式. 书写的位置: 1.内联样式:可以将css样式表书写到元素(标签)的style属性中,只对当前标签中的内容起作用,不方便复用.属于结构与表现耦合,不推荐使用. 2.内部样式:可以将css样式编写的head中style标签中,然后通过css选择器…

第五十五天 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…

【Python】Java程序员学习Python（三）— 基础入门

一闪一闪亮晶晶,满天都是小星星,挂在天上放光明,好像许多小眼睛.不要问我为什么喜欢这首歌,我不会告诉你是因为有人用口琴吹给我听. 一.Python学习文档与资料一般来说文档的资料总是最权威,最全面的,可是很少有人能认真的从头到尾把文档或者帮助手册看一遍,毕竟太枯燥了,就像java api 文档一样,正确的用法当然是把它当做一个工具书,想到用什么,就去查,当然最好还是能大概看一遍,这样心中有个印象找东西也方便. 最权威的当然是官方文档,地址在:https://docs.python.org/3/…

【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 cascading(层叠) style(样式) sheet(表) css注释 /* 注释内容 */ 快捷键:ctrl ? 引入方式  <div style="width:100px;height:100px;"></div>  <head> <style> div{ background-color: red; height: 100px; wid…

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

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

css 基础入门

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

【WEB基础】HTML & CSS 基础入门（8）表单

前面前面我们已经熟悉了网页上一些常见的元素,如在网页上显示一段文字.一张图片.一个列表.一张表格等等.这些东西都是事先编辑好显示在页面上只提供给用户看的,实际上,我们可以把这样的页面称之为静态页面.有“静”就有”动”,自然也就有了动态页面,所谓动态页面就是在页面上能提供与用户产生交互的元素,比如:我们想注册成为某个网站的会员,就要填写注册信息提交给网站后台:我们在网上发表评论:我们在网上填写一些调查问卷等等. 上图的163邮箱注册页面就是一个表单,在表单中有文本框.下拉列表.按钮等元素,我们可…

【WEB基础】HTML & CSS 基础入门（6）超链接

超链接--文字链接超链接[hyperlink]是网页中最为常见的元素之一,我们几乎可以在所有的网站页面中找到超链接.每个网站都不止一个页面,这些页面就是利用超链接进行串接.超链接帮我们实现了网页与网页之间的跳转. 文字链接:我们可以使用超链接标签<a><a/>实现文字链接.设置了链接的文字默认样式为蓝色文字,有下划线.<a><a/>标签实现超链接有两个属性需要设置:…

【WEB基础】HTML & CSS 基础入门（10）布局与定位

块级元素和行内元素 HTML里的元素可以分为块级元素和行内元素两大类:…

HTML5 -入门 (---css样式-------------（css基础与css选择器）---------------------—）

---恢复内容开始--- 一css基础入门与css选择器 CSS英文全拼:cascading style sheet 层叠样式表. 在html中使用:要在head中写style标签,所有样式放在style标签中. <style> color: red; 设置文本颜色 font-size: 30px; 设置文本大小设置背景颜色 background-color: blue; font-weight: bold; 设置文本粗体 font-style: italic; 设置文本斜体…

Form标签+Css基础

一.Form表单标签 <form action="" method=""></form> 表单就是用来将用户的信息提交到服务器,服务器会将信息存储或者根据信息查询数据(增删改查). 表单中所有的内容都要写在form标签中. <input type="text" value="哈哈哈哈" placeholder="请输入用户名"> Input文本输入框,type类…

Swift语法基础入门三(函数, 闭包)

Swift语法基础入门三(函数, 闭包) 函数: 函数是用来完成特定任务的独立的代码块.你给一个函数起一个合适的名字,用来标识函数做什么,并且当函数需要执行的时候,这个名字会被用于“调用”函数格式: func 函数名称(参数名:参数类型, 参数名:参数类型...) -> 函数返回值 { 函数实现部分 } 没有参数没有返回值可以写为 ->Void 可以写为 ->() 可以省略 Void.它其实是一个空的元组(tuple),没有任何元素,可以写成() func say() -> V…

CSS+DIV入门第一天基础视频 CSS选择器层叠性和继承性

大家好,我是小强老师, 现在网上的CSS+DIV视频,要么讲的太深,要么太浅,很多初学的同学们总是遇到困难,今天小强老师专门给大家准备了css课程的视频.带你从零基础学习CSS+DIV一直到能独立完成前台网页制作.小强老师是这样分类的,前几次课,我们将CSS+DIV入门基础,后几天课程我们讲案例制作.咱们接下来讲的是css基础部分. 高清视频地址如下: 01 css语法规范: http://www.tudou.com/programs/view/8s…

PHP基础入门（三）---PHP函数基础

PHP基础入门(三)---函数今天来给大家分享一下PHP的函数基础.有了前两章的了解,想必大家对PHP有了一定的基础了解.想回顾前两章的朋友可以点击"PHP基础入门(一)""PHP基础入门(二)"跳转页面,温习PHP的入门基础. ***本章关键词:函数的声明与使用:PHP中变量的作用域:静态变量:函数的参数传递:变量函数:回调函数:匿名函数:include&require:PHP闭包现在,我们来看一下PHP的函数基础↓↓↓ 一函数的声明与使用 1.函数名…

h5 . css入门 2.CSS基础

CSS基础学习目标 1.CSS简介 2.CSS语法 3.样式的创建 4.两种引入外部样式表的区别 5.样式表的优先级和作用域 6.CSS选择器 7.选择器的权重 8.浮动属性的简单应用 9.HTML.CSS注释一.CSS简介英文全名:cascading style sheets(百度百科) === cascading style sheet层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式.目前推荐遵循的是W3C发…

MyBatis基础入门《三》Select查询集合

MyBatis基础入门<三>Select查询集合描述: 代码新增了一个MybatisUtil工具类,查询数据库返回集合的时候,接收数据的三种方式.由于代码会渐渐增多,未涉及改动过的文件不再粘贴出来. 项目结构: ClientMapper.xml <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper…

C#基础入门三

C#基础入门三类类使用class关键字进行声明,前面加一个访问修饰符,public class car{} 访问修饰符:修师傅可以用来修饰类和类成员等,控制它们的可见度修饰符关键字分别为:public,internal,protected,private 使用上面四个访问修饰符可指定下列五个可访问性级别: public:访问不受限制: protected:访问仅限于包含类或从包含类派生的类型: internal:访问仅限于当前程序集: protected internal:访问限制到当前…

2019年最新超级有趣好玩的html+css网页布局课程,前端入门基础,html5+css3零基础入门课程-黑马程序员pink老师精心录制

大家好,我是黑马程序员pink老师!! 本次视频是前端零基础入门的课程,pink老师采取有趣好玩讲法,带你快乐的学习枯燥的html+css知识,学完之后让你能快速布局pc端页面.代码也可以讲的好玩有趣哦. 本次课程也是替换2017年较老的基础视频,刚刚录制完毕. 本次课程主要讲解: 课程的链接地址是: https://www.bilibili.com/video/av69856262/ 相关练习素材的下载地址是: https://gitee.com/xiaoqiang001/jichubanx…

CSS入门（css简介与样式汇总、CSS的使用方式和特征、CSS基础选择器和复杂选择器、边框阴影）

一.CSS的作用 1.以统一的方式实现样式的定义 2.提高页面样式的可重用性和可维护性 3.实现了内容(HTML)和表示(CSS)的分离 HTML和CSS之间有什么关系? HTML:构建网页的结构 CSS :构建HTML元素的样式样式汇总: color:red 字体颜色 font-size:字体大小 font-family:字体样式 background-color 背景颜色 width:宽度 height:高度字体使用实例(样式) font-family:字体的种类 font-size:字…

Linux从入门到放弃、零基础入门Linux(第三篇)：在虚拟机vmware中安装linux（二）超详细手把手教你安装centos6分步图解

一.继续在vmware中安装centos6.9 本次安装是进行最小化安装,即没有图形化界面的安装,如果是新手,建议安装带图形化界面的centos, 具体参考Linux从入门到放弃.零基础入门Linux(第四篇):在虚拟机vmware中安装centos7.7 1.创建空白的虚拟机后界面 2.双击进入设置,点击CD/DVD设置,选择要安装的centos6.9的镜像文件位置 3.打开虚拟机电源,进行安装,进入虚拟机系统安装界面. 界面共有5个选项 Install or upgrade an exist…

JS基础入门篇（三十五）—面向对象（二）

如果没有面向对象这种抽象概念的小伙伴,建议先看一下我写的JS基础入门篇(三十四)-面向对象(一)…

011 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 05 变量的三个元素的详细介绍之三—— 变量值——即Java中的“字面值”

011 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 05 变量的三个元素的详细介绍之三-- 变量值--即Java中的"字面值" 变量值可以是我们即将要学习的字面值,也可以是另外一个变量. 例如如下代码: int age1 = 12: int age2 = 14: age1 = age2: 上面代码中中,age1的值可以是字面值11,也可以是另外一个变量age2: 字面值其实也是常量. 八种基本数据类型及其它们的值八种基本数据类型的值是什么样子的…

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