3、css初识

前端之CSS初识

figure:last-child { margin-bottom: 0.5rem; } #write ol, #write ul { position: relative; } img { max-width: 100%; vertical-align: middle; } button, input, select, textarea { color: inherit; font: inherit; } input[type="checkbox"], input[type=&quo…

0008 CSS初识（行内式、内部样式表、外部样式表）

typora-copy-images-to: media 第01阶段.前端基础.CSS初识 CSS层叠样式表学习目标理解 css的目的作用 css的三种引入方式应用 css三种引用方式的书写通过样式规则给标签添加简单的样式 1.HTML的局限性说起HTML,这其实是个非常单纯的家伙, 他只关注内容的语义, 比如表明这是一个大标题,用表明这是一个段落,用表明这儿有一个图片, 用表示此处有链接. 很早的时候,世界上的网站虽然很多,但是他们都有一个共同的特点: 丑. 这个是一个外国比较…

CSS初识- 选择器 &背景& 浮动& 盒子模型

# CSS初识-目标: > 1. 学会使用CSS选择器 > 2. 熟记CSS样式和外观属性 > 3. 熟练掌握CSS各种基础选择器 > 4. 熟练掌握CSS各种复合选择器 > 5. 熟练掌握CSS三种显示模式(inline.block.inline-block) > 6. 熟练掌握CSS背景属性 > 7. 熟练掌握CSS三大特性(层级性.继承性.优先性) > 8. 熟练掌握CSS盒子模型(border.padding.margin) > 9. 熟练掌握…

2020年12月-第02阶段-前端基础-CSS初识

CSS层叠样式表理解 css的目的作用 css的三种引入方式 1.HTML的局限性说起HTML,这其实是个非常单纯的家伙, 他只关注内容的语义, 比如`<h1>`表明这是一个大标题,用<p> 表明这是一个段落,用`<img>` 表明这儿有一个图片, 用`<a>` 表示此处有链接. 很早的时候,世界上的网站虽然很多,但是他们都有一个共同的特点: 丑. 这个是一个外国比较早的购物网站有些人就忍受不了了,你就不能把自己打扮得漂亮一点吗? HTML说,我试试.…

前端之常用标签和CSS初识

外层div的宽度是100%,就是视口的大小,当视口被拉窄到小于内层div的宽度980px时,比如800px,此时外层div宽度为800px,内层div宽度依然为980px,而css中只设置了外层div有背景色,所以说只有800px那一部分会显示背景色,而超出视口的部分是属于内层div的,内层没有设置背景色,所以是空白! 标准规范介绍 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&…

Normalize.css 初识

一. 用来干嘛的一个现代的.准备好了支持 HTML5 技术,并且要替代 CSS Reset 处理样式的理念. Normalize.css 使浏览器渲染所有元素更加一致,并且符合现代标准.它只是针对那些需要正常化的样式进行处理. A modern, HTML5-ready alternative to CSS resets Normalize.css makes browsers render all elements more consistently and in line with mod…

51、css初识

前端内容就分三部分html.css.javascript(js),对一个网页来说html相当于是一个裸体的人,css相当于给这个人穿上了衣服,javascript相当于给这个人赋予动作行为,今天我们要接触的就是css,样式层叠表. 一.CSS 语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明.声明包括属性和值. h1{ color:red; } 二.css的四种引入方式 1.行内式行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐使用.(…

【CSS初识】

一.CSS是什么? CSS是一种样式表语言,用于为HTML文档定义布局.例如,CSS涉及字体.颜色.边距.高度.宽度.背景图像.高级定位等方面. HTML用于结构化内容:CSS用于格式化结构化的内容. 二.CSS的语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. selector { property: value; property: value; ... property: value } 例 h1 {color:red; font-size:14px;} 三.css的四…

第四章css初识

1.CSS(层叠样式表) 2.CSS语法选择器{ 属性名1:属性值1: 属性名2:属性值2: } 3.引用CSS的三种方式第一种:行内样式例:<a style="color:red;">内部样式</a> 第二种:内部样式在head标签中,写入style标签. 例: <head> ....... <style type="text/css"> h1{ ......... } </style> <…

CSS初识盒子

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <style type="text/css"> .box1{ width: 600px; height:250px; border-top:10px dashed blue; border-right: 5px…

python html css 初识

##################总结############ 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面输入 html:5,按tab键后<!DOCTYPE html> <html lang="zh-CN"> #这个lang表示语言,zh-CN是中文的意思,就是说,你整个文档的内容以中文为主,如果以英文为主,就写成lang…

前端内容就分三部分html.css.javascript(js),对一个网页来说html相当于是一个裸体的人,css相当于给这个人穿上了衣服,javascript相当于给这个人赋予动作行为,今天我们要接触的就是css,样式层叠表. 本篇导航: CSS 语法 css的四种引入方式 css选择器选择器的优先级一.CSS 语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明.声明包括属性和值. h1{ color:red; } 二.css的四种引入方式 1.行内式行内式是在标记的…

css初识和css选择器

一.css是什么 css(cascading style sheet)定义如何显示HTML元素,给HTML设置样式,显得更为美观. 二.css的引入方式 1.行内引入在标签中添加一个style是属性,属性值就是设置的样式 2.内接引入在head标签中添加一个style标签,在标签内写要设置的样式 3.外界引入在head标签中添加link标签,href中指定要导入的css样式文件路径,在css文件中写样式三.css基础选择器 1.标签选择器直接写标签名{} eg:div{} 2…

CSS 初识

一.CSS 发展历程从HTML被发明开始,样式就以各种形式存在.不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制.最初的HTML只包含很少的显示属性. 随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能.但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿.于是CSS便诞生了. 二.CSS 是网页的美容师 CSS的出现,让我们的网页更加丰富多彩.让HTML 专注去做结构呈现,而 CSS 则负责样式的实现. 三.CSS 初始 CSS(Cas…

CSS初识

CSS:层叠样式表,控制网页数据样式显示,使得数据的表现和内容分离 CSS的引入方式使用元素内嵌样式表:例<a style=”font-size:40px”></a>表示在a元素中使用style样式使用文档内嵌样式表:把<style type=”text/css”></style>放在head中,且在style元素中添加需要控制的元素,并且把样式放在 { } 中. 例<style type=”text/css”> a{ font-size:…

前端开发【第2篇：CSS】

鸡血样式的属性多达几千个,但别担心,按照80-20原则,常用的也就几十个,你完全可以掌握它. Css初识 HTML的诞生早期只有HTML的时候为了让HTML更美观一点,当时页面的开发者会把颜色写到标签里面,想想一下一堆标签一堆属性:颜色.字体等,总结一个字就是“乱” 为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出样式(Style). 所有的主流浏览器均支持层叠样式表. CSS语法和CSS优先级 1.CSS…

css基本介绍

目录 CSS初识构造规则注意样式表的定义和使用行内式(内联样式) 内部样式表外部样式表(外链式) 选择器标签选择器(元素选择器) 类选择器 id选择器通配符选择器伪类选择器链接伪类选择器结构(位置)伪类选择器目标伪类选择器复合选择器交集选择器并集选择器后代选择器子元素选择器属性选择器伪元素选择器标签选择模式块级元素(block-level) 行内元素(inline-level) 行内块元素(inline-block) 标签显示模式转换display CSS…

css知识总结

---# 学习目标:> 1. 学会使用CSS选择器> 2. 熟记CSS样式和外观属性> 3. 熟练掌握CSS各种选择器> 4. 熟练掌握CSS各种选择器> 5. 熟练掌握CSS三种显示模式> 6. 熟练掌握CSS背景属性> 7. 熟练掌握CSS三大特性> 8. 熟练掌握CSS盒子模型> 9. 熟练掌握CSS浮动> 10.熟练掌握CSS定位> 11.熟练掌握CSS高级技巧强化CSStypora-copy-images-to: media---…

CSS学习笔记_day2

目录一. css初识二. 在HTML里面引入css的几种方式 1. 外部引入式 2.文档内嵌式 3. 行内式(元素内嵌式) 三. 选择器四.盒模型五.文档标准流六.浮动一. css初识 1. 互联网前三层 HTML 从语义的角度描述页面的结构 CSS 从审美的角度描述页面的样式 JS 从交互的角度描述页面的行为 2. css cascading style sheet 层叠样式表二. 在HTML里面引入css的几种方式 1. 外部引入式 @charset "UTF…

CSS超全笔记（适合新手入门）

CSS CSS初识 CSS(Cascading Style Sheets) 美化样式 CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局等外观显示样式. CSS以HTML为基础,提供了丰富的功能,如字体.颜色.背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式. 引入CSS样式表(书写位置) CSS可以写到那个位置? 是不是一定写到html文件里面呢? 内部样式表…

html学习-css

1.css初识 css 中文解释:层叠样式表,把html比作骨骼的话,css就是衣服,他的外在都能通过css来修饰,js则是肌肉,能使html动起来.产生用户交互... 1.1css样式表类型 css样式类型: 行内样式: 内部样式: 外部样式(推荐使用): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title…

css随堂笔记（一）

Css初体验第一天 1 css初识:css主要用于设置HTML页面中文本内容,图片的外形,以及版面的布局等外观显示样式 Css样式规范:h1{属性:值} 2 css的三总书写方式:1 行内样式将样式写在标签里面,只能作用于当前标签缺点:1) 没有三层分离原则 2) 后期维护麻烦 2 内嵌样式通过一对style标签将样式嵌套在HTML里面,但是style最好放在head中缺点:1).三层没有分离 2).只能作用于当前页面 3 外联样式(外联样式=>极力推荐)<link rel=&qu…

CSS 总结 [目录]

一.CSS 基础 1.CSS 初识 2.CSS 用法和特性二.CSS 选择器 1.基本选择器 2.组合选择器 3.属性选择器 4.伪类选择器 5.伪元素选择器三.CSS 字体样式四.CSS 文本 1.CSS2 文本样式 2.CSS3 新增文本样式五.CSS 标签显示模式六.CSS 链接七.CSS 列表八.CSS 表格九.CSS 盒模型 1.CSS2 盒模型 2.CSS3 完善盒模型十.CSS 浮动 1.浮动 2.清除浮动十一.CSS 定位十二.CSS 元素的显示与隐藏十三…

CSS学习笔记1：字体样式属性

CSS初识成叠样式表,主要用于设置html页面的外观产生原因:为了解决混乱的结构和样式,使结构和样式相分离. CSS注释 /*这是CSS注释*/ CSS样式规则 1.选择器用于指定css样式作用的html对象,{}里面是对该对象设置的具体样式. 2.属性和属性值以“键值对”的形式出现. 3.属性是对指定对象设置的样式属性,例如:字体大小.文字样式. 4.属性域属性值之间用英文冒号分开. 5.属性域属性之前用英文分号分隔. <style type="text/css">…

003.前端开发知识，前端基础CSS（2020-01-07）

一.CSS初识 CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局等外观显示样式. CSS以HTML为基础,提供了丰富的功能,如字体.颜色.背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式. 二.引入CSS样式表 1.行内式(内联样式) <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标…

网站构建学习笔记（0）——基本概念了解及资源学习（copy自w3school）

一.学习方面 1.WWW - 万维网什么是 WWW? WWW 指万维网(World Wide Web) 万维网常被称为Web Web 是由遍布全球的计算机所组成的网络所有 Web 中的计算机都可以彼此通信所有这些计算机都使用名为 HTTP 的通信标准 WWW 如何工作? Web 信息存储于被称为网页的文档中网页是存储于被称为 Web 服务器的计算机上读取网页的计算机称为 Web 客户端 Web 客户端通过称为浏览器的程序来查看网页主要的浏览器有 Internet Explorer 和…

1+x证书Web前端开发CSS3详细教程

web 前端开发之 CSS3 新特性 http://blog.zh66.club/index.php/archives/189/ web 前端开发之 html5 新特性 http://blog.zh66.club/index.php/archives/190/ 妙笔生花博客-CSS 初识样式规则 http://blog.zh66.club/index.php/archives/213/ 妙笔生花博客-CSS 字体样式属性 http://blog.zh66.club/index.php/archi…

2.1.4- css 样式规则

CSS初识 CSS(Cascading Style Sheets) CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局等外观显示样式. CSS以HTML为基础,提供了丰富的功能,如字体.颜色.背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式. CSS样式规则使用HTML时,需要遵从一定的规范.CSS亦如此,要想熟练地使用CSS对网页进行修饰,首先需要了解CSS样…

Matplotlib数据可视化（3）：文本与轴

在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像的设置在后续介绍到各种图绘制时介绍). 这里所说的文本是指在使用matplotlib作图过程中通过代码的方式往图中添加的各种文字,包括figure标题.axes标题.坐标轴标签.坐标轴刻度标签.注释.普通文本等.轴设置指的是对与坐标轴相关的的元素的设置,例如显示范围.刻度.刻度标签等. In [1]…

新手程序员随笔2——初识html、css和javascript

翻看博客,发现好久木有发blog了.纠其原因,一则是近来工作上卡到了一个编程难题,我是一个单线程的小猿,当我手头有事情做的时候,我不想分心去做其它事情,如写blog.二则是我个人的写作能力不佳,想到写blog,拖延心理大获全胜. 现在正值放假,刚好有时间总结一下这段时间来的工作收获,便花点时间,写一下blog. 我大学的读是饥渴专业,接触过几门编程语言,如:C.C++.Java和Python,其中玩弄C++的时间最久.当时的我,天真的以为学好C++,毕业后找份从事C++桌面应用程序开发的工作,就…

【3、css初识】的更多相关文章