前端学习之路CSS基础学习一

前端学习之路CSS基础学习二

CSS属性相关样式操作: (1)width:为元素设置宽度 (2)height:为元素设置高度 ps:块儿级标签才能设置长宽行内标签设置长宽没有任何影响 p{ width: 30px; height: 30px; } 文字操作 /*字体样式: 关键字:font-family 作用:更改字体的样式*/ { font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif } /*字体大小: 关…

前端学习之路CSS基础学习一

CSS CSS定义如何显示HTML元素,当浏览器读到一个样式表,它就按照这个样式表来对文档进行格式化. CSS实例每个CSS样式由两个组成部分:选择器和声明.声明又包括包括属性和属性值.每个声明之后用分号结束. CSS注释 /*这就是注释*/ CSS的三种引入方式内部样式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中.格式如下: <head> <meta charset=&q…

前端学习之路-CSS介绍，Html介绍，JavaScript介绍

CSS介绍学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? style属性方式利用标签中的style属性来改变显示样式 <p style="background-color: #FFF000"> p标签 </p> 在head中加入style标签 <head> <style type="text/css"> p { color: #FFF000…

Python学习之路-Day1-Python基础

学习python的过程: 在茫茫的编程语言中我选择了python,因为感觉python很强大,能用到很多领域.我自己也学过一些编程语言,比如:C,java,php,html,css等.但是我感觉自己都找不到那种一拼到底的那种拼劲,自己也纠结过,到底学什么.我自己思考了真的很久.找到正确的路很重要,但是我也不知道为什么选择了Python,但是选择过后就要走下去,不管路有多么的艰难.加油吧!!! Python学习之路第一天学习内容: 1.Python简介 2.安装 3.第一个Python程序 4.…

python学习之路-day2-pyth基础2

一. 模块初识 Python的强大之处在于他有非常丰富和强大的标准库和第三方库,第三方库存放位置:site-packages sys模块简介导入模块 import sys 3 sys模块 print(sys.argv) #打印文件名称 5 print(sys.path) #打印环境变量 os模块简介 1.移除文件和文件重命名 ============================== import os os.remove('test.txt') #先将原文件删除,否则无法重命…

HTML&CSS基础学习笔记—创建列表

创建一张表格很多时候我们需要在网页上展示一些数据,使用表格可以很好的来展示数据. 在HTML中<table>标签定义表格. <table> </table> 添加一行 <table>标签相当于定义了一个表格容器.我们现在要创建表格的行,等会我们再创建列. 标签<tr>表示<table>里的行,在<table>里嵌套了几个完整的(拥有开始标签和闭合标签的)<tr>标签就表示这个<table>有几行…

Python学习之路-Day2-Python基础2

Python学习之路第二天学习内容: 1.模块初识 2.pyc是什么 3.python数据类型 4.数据运算 5.bytes/str之别 6.列表 7.元组 8.字典 9.字符串常用操作 1.模块初识在前面脚本上是用 python 解释器来编程,如果你从 Python 解释器退出再进入,那么你定义的所有的方法和变量就都消失了. 为此 Python 提供了一个办法,把这些定义存放在文件中,为一些脚本或者交互式的解释器实例使用,这个文件被称为模块. 模块是一个包含所有你定义的函数和变量的文件,其…

〖前端开发〗HTML/CSS基础知识学习笔记

经过一天的学习,把慕课网的HTML/CSS基础知识学完了,笔记整理: 1. 文件结构: HTML文件的固定结构: <html> <head>...</head> <body>...</body> </html> html是根标签 head定义文档头部,包含: title, script, style, link, meta body是网页主要内容,包含:h1,h2-h6, p, a, img 2. 认识head标签: <head…

从零开始学习前端开发 — 2、CSS基础

一.CSS简介 1.CSS是什么 CSS是Cascading Style Sheets的简称,中文称为层叠样式表.特点:实现了表现与结构相分离 2.css基础语法 css是由选择符和声明两大部分组成,声明由属性和值组成. 语法: 选择符{ 属性:值; 属性:值; } 注: (1)属性和值用冒号连接 (2) 一条声明结束要添加分号 (3)属性和属性不分先后顺序 3.样式表的创建 1.内联样式(行间样式,行内样式) 语法:<标记 style="属性:值;"></标记&g…

Web学习篇之---css基础知识（一）

css基础知识(一) 1.css样式: 载入css样式有下面四种: 1).外部样式 2).内部样式 3).行内样式 4).导入样式 <link href="layout.css" rel="stylesheet" type="text/css" /> 这样的形式是把css单独写到一个css文件内,然后在源码中以link方式链接.它的优点是不但本页能够调用,其他页面也能够调用,是最经常使用的一种形式. <style> h2…

Python学习之路-Day2-Python基础3

Python学习之路第三天学习内容: 1.文件操作 2.字符转编码操作 3.函数介绍 4.递归 5.函数式编程 1.文件操作打印到屏幕最简单的输出方法是用print语句,你可以给它传递零个或多个用逗号隔开的表达式.此函数把你传递的表达式转换成一个字符串表达式,并将结果写到标准输出如下: #!/usr/bin/python # -*- coding: UTF-8 -*- print "Python 是一个非常棒的语言,不是吗?"; 标准屏幕上会产生以下结果: Python 是一个非…

Python学习--21天Python基础学习之旅(Day01、Day02)

21天的python基础学习,使用<Python从入门到实践>,并且需要手敲书中的code,以下为整个学习过程的记录. Day01: 安装python时要选择复选框 Add Python to PATH,否则还要去环境变量中添加路径. 在cmd中输入python --version,可查看python版本. 在cmd中输入python可进入python会话,exit()退出python会话. Chapter 1 1.从终端运行Python程序: cmd中磁盘间切换不需要cd,直接G:就可切换到…

Day3前端学习之路——CSS基本知识

课程目标初步了解什么是CSS,掌握基本的CSS概念,语法,针对选择器特殊性的计算处理,以及学习如何设置一些简单的样式任务一:回答问题 1.什么是CSS,CSS是如何工作的? CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一 2.CSS的基本语法是怎样的?…

css基础学习

css(Cascading style sheets):层叠样式表 1.图片替换技术以下代码表示:点击百度logo的图片就会跳转到百度首页. <style > .baidu{ /*宽高定义图片的宽高*/ width:154px height:30px border: 1px solid black background: url(../...百度logo.png) no repeat overflow:hidden /*超出隐藏*/ } .baidu a{ line-height:200px…

HTML&CSS基础学习笔记1.25-input标签隐藏元素

隐藏元素有时候我们编写前端代码的时候,可能需要把一些数据告诉后台,但是这些数据又不想让用户看到,我们可以设置<input>标签的[type]属性为"hidden". <input>的[type]属性值为"hidden"表示隐藏输入域. 这种类型的输入标签是看不见的,但是是真实存在的.这个不可见的标签的 [value] 属性保存了一个要提交给 Web 服务器的任意字符串.如果想要提交并非用户直接输入的数据的话,可以使用这种类型的<inp…

HTML&CSS基础学习笔记1.7-高亮文本及组合使用

HTML提供了<mark>标签可以让你的文本高亮,这样看起来更加醒目.<mark>标签内的文本会呈现特殊的样式,它和<em>,<strong>一样也是一个带有语义的标签. 代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高亮文本</title><…

HTML&CSS基础学习笔记1.5-添加常用标签

代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简单的网页</title> <script src="index.js"></script></head><body><h1>故乡</h1>…

CSS基础学习笔记

一. CSS介绍 1. CSS概述:CSS(Cascading Style Sheets)指层叠样式表,极大提高了工作效率. 2. 基础语法: 属性大于1个之后,属性之间用分号隔开如果大于1个单词,则需要加上引号,如:p{font-family:"sans serif";} CSS注释:以"/*"开始,以"*/"结束. 3. 高级语法 ① 选择器分组 h1,h2,h3,h4,h5,h6{color:red;} ② 继承: body{ col…

CSS基础学习中的几大要点心得

CSS是前端学习中较为简单但又非常复杂的课程,说简单是因为学习它并不需要太多推理论证和逻辑思维,说它非常复杂则是更多的侧重在它的“杂”上,因为太多的格式和套路需要我们注意.以下谨列出本人在CSS学习中总结归归纳的一些要点,内容浅显,无非是让初学则减少一些不必要的失误. 1.非零值要指明单位,而0不需要单位: 在用CSS指定字体.边距或大小时,必须指明所用的单位,而0零就是零,不管是 px还是em还是其他单位,它不需要单位.例如: margin: 0 20px 0 1em; …

PYTHON学习之路_PYTHON基础（1）

学习内容: 1.Python介绍 2.Python程序初接触和变量 3.Python用户交互 4.Python数据类型 5.Python循环if...(elif)...else 6.Python循环while...else 7.Python循环for...else 8.Python循环中断break和continue 9.Python实例一.Python介绍 1)python优缺点先看优点: Python的定位是“优雅”.“明确”.“简单”,所以Python程序看上去总是简单易懂,初学者学P…

HTML&CSS基础学习笔记1.33-元素选择器

元素选择器最常见的 CSS 选择器是元素选择器.换句话说,文档的元素就是最基本的选择器: p { text-indent:10px; color:blue; } 什么情况下使用元素选择器,一般我们这样认为: 如果你想要让页面中所有的指定元素都有这个CSS效果,可以使用元素选择器. 有这样一段html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo…

HTML&CSS基础学习笔记1.32-选择器是什么

选择器是什么选择器是CSS样式为了定位页面上的任意元素的一种方法. 选择器主要分为:元素标签选择器.通用选择器.类选择器.ID选择器.属性选择器.组合选择器.伪类选择器.伪元素选择器. 先做个了解,底下的css笔记会详细介绍不同的选择器~ <!DOCTYPE html> <html lang="en"> <head> <link href="index.css"> <meta charset="UTF…

HTML&CSS基础学习笔记1.31-像素和相对长度

像素和相对长度之前的笔记中,我们提到过用属性width.height来设置图片的尺寸,它们的单元都是”px(像素)”.长度单位总结一下,目前比较常用到px(像素).em.% 百分比,要注意其实这三种单位都是相对单位.1.像素像素为什么是相对单位呢?因为像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”).实际情况是浏览器会使用显示器的实际像素值有关,在目前大多数的设计者都倾向于使用像素(px)作为单位. 2.em 就是本元素给定字体的 font-size 值,如果元素的 font-…

HTML&CSS基础学习笔记1.30-颜色的表达

颜色的表述在网页中的颜色设置是非常重要,CSS的属性有字体颜色(color).背景颜色(background-color).边框颜色(border)等,设置颜色的方法也有很多种: 1.英文命令颜色前面几个知识点中经常用到的就是这种设置方法: p{color:green;} 2.RGB颜色这个与 photoshop 中的 RGB 颜色是一致的,由 R(red).G(green).B(blue) 三种颜色的比例来配色. p{color:RGB(0,255,0);} 每一项的值可以是 0~255…

HTML&CSS基础学习笔记1.29-灵活地使用样式

灵活的使用样式使用样式的感觉很棒吧! 刚我们使用的内联样式是给具体的标签加上样式,如果有多个标签的时候,我们用内联样式给标签加样式的时候就需要一个个的加过来,这样就很麻烦. 而如果我们使用内部样式表,我们只需要定义<p>标签的文字大小,所有<p>标签就都具有这个样式了. 看个例子吧: 更加实用的使用方式使用内部样式表,我们能够把页面上的共通样式提取出来.可以省去很多工作量.但是内部样式表并不是最好的方法,比如说,另一个页面也需要这些样式呢? 相对而言,我们更愿意使用外链样式表,…

HTML&CSS基础学习笔记1.28-给网页添加一个css样式

CSS是什么? 当HTML配合CSS一起使用时,我们发现页面变得好看了很多.那么CSS到底是什么呢? CSS指层叠样式表 (Cascading Style Sheets),它主要是用于定义HTML标签在浏览器内的显示样式,如文字大小.颜色.字体加粗等. 我们可以这么说,CSS是网页的衣服,它可以用来装饰网页. 那么接下来我们就来试试css吧~ 给网页添加一个CSS样式尝试给<p>标签直接加了一个[style]属性,并且给标签添加了一个字体颜色.这种在标签上直接添加样式的形式,我们称这种关联方…

HTML&CSS基础学习笔记1.26-input重置表单

重置表单 <input>的[type]属性值为"button"的时候表示一个普通的按钮,相当于一个<button>标签. <input>的[type]属性值为"reset"时,表示表单重置,它在页面的表现形式也是个按钮,但点击他的时候会让表单重置到页面刚加载时的状态. 看一段代码吧: <!DOCTYPE html> <html lang="en"> <head> <me…

HTML&CSS基础学习笔记1.24-input标签的单选与多选

单选和多选单选框和多选框是用<input>标签来实现的. <input>标签的type属性值为"checkbox"时,表示多选框,为"radio"时表示单选框. 一个多选列表一般具有2个或两个以上的多选框,它们都具有属性name,且属性name值相同,当这些多选框具有属性checked时,表示选中,没有checked属性表示未选中.在一个多选列表内,可以有复数个多选框具有checked属性. 一个单选列表一般具有2个或两个以上的单选框,它们…

HTML&CSS基础学习笔记1.23-表单的文本域和下拉列表

文本域 <textarea>标签定义多行的文本输入控件. 平时在网页上的一些需要输入比较多的内容的输入框,比如回复帖子,回答问题等,都可以用<textarea>标签. <textarea>文本区中可容纳无限数量的文本,可以通过 [cols] 和 [rows] 属性来规定 <textarea> 的尺寸. 例如: <textarea cols=”100” rows=”6”></textarea> 表示尺寸为100列6行的文本域. 实例…

HTML&CSS基础学习笔记1.22-简单的注册页面

一个简单的注册页面表单提交是前后端数据交互的一种方式. 代码区是一个注册页面,其中包含了以下标签:<form>.<table>.<input>.<button>.<textarea>.<select>. 我们可以称它们为表单控件,仔细观察这些标签的结构,和在页面上的表示形式. <!DOCTYPE html> <html lang="en"> <head> <meta ch…

【前端学习之路CSS基础学习一】的更多相关文章