HTML&CSS学习第11页

做web前端的小伙伴注意了，未来这些发展方向可以试试！

1、HTML/CSS学习第一阶段，你要从最基础的HTML/CSS开始，简单地说，HTML就是一堆非常简单的标签，而CSS则是把你画画的流程用英

BOM485480·2020-08-20 05:04

vue中scss用法

1.如何学习Scss2.如何使用Scss1.如何学习Scss学习Scss的第一步不是你要知道什么是Scss的概念啊什么的，而是找到一个合适的资源从头开始学习，我在这里推荐慕课网的资源Sass入门篇，还有

cold-coffee·2020-08-20 04:10

css学习分享

CSS简介此文章借鉴菜鸟教程和w3c教程，为学习分享文章如有问题请评论，文章原地址自己写在gitbook上格式不兼容，url:https://hamster.gitbook.io/share/CSS指层叠样式表(CascadingStyleSheets)*选择器*盒模型*背景和边框*文字特效*2D/3D转换*动画*多列布局*用户界面CSS分类外部样式表当样式需要应用于很多页面时，外部样式表将是理想

腿毛怪丶叔叔·2020-08-19 23:36

html+css学习笔记011-表单

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终责任与担当这几天公司招聘文案好几个应聘上的孩子答应的好好的第二天来上班然而却一去不复返给公司的工作计划造成了极大的困扰并不是责备他们而是从他们身上看到了以前那任性和不负责任的自己原来当初我那些自以为小小的无所谓的举动会给亲人、朋友和同事带来那么大的麻烦只是他们选择了宽容前端59期学员作业/*内部样式表

Mr柳上原·2020-08-19 09:10

26、高度塌陷和BFC

文章目录介绍高度塌陷和BFC开启BFC示例介绍本文是在学习CSS时做的学习笔记，所有笔记内容为CSS学习笔记高度塌陷和BFCmeta.outer{boder:10pxredsolid；2、BFC(BlockFormattingContext

五仁卤鸡翅·2020-08-19 08:19

CSS学习笔记[3]——CSS常见样式[上]

块级元素和行内元素块级（block-level）；行内(内联、inline-level)块级元素可以包含块级和行内，行内只能包含文本和行内（a标签除外）块级占据整行空间，行内占据自身宽度空间宽高设置、内外边距的差异block-leveldivh1~6phrformuldlolpretablelidddttrtdthinline-levelemstrongspanabrimgbuttoninputl

一颗奋发向上的蛋·2020-08-19 06:02

CSS学习摘要-语法和选择器

主要摘自网络开发者。CSS声明CSS声明块CSS选择器和规则CSS语句（CSSstatements）语法之外：使CSS更具可读性空格注释简写深入选择器不同种类的CSS选择器:简单选择器类型选择器（又名元素/标签选择器）类选择器ID选择器通用选择器简单（基本）选择器总结属性选择器存在和值（Presenceandvalue）属性选择器子串值（Substringvalue）属性选择器伪类和伪元素选择器伪

铁乐与猫·2020-08-19 04:59

19、京东左侧导航条样式表

文章目录介绍京东左侧导航介绍本文是在学习CSS时做的学习笔记，所有笔记内容为CSS学习笔记京东左侧导航仿写如图所示导航条metabody{background-color:#bfs}1、设置菜单外部容器

五仁卤鸡翅·2020-08-18 19:13

一篇文章了解CSS学习技巧

CSS学习笔记顺口溜类选择器超链接伪类使用顺序顺口溜声明这里仅仅记录一些好记的顺口溜，详细的学习请参考各官方文档。

scarecrow_fly·2020-08-18 16:35

CSS学习之盒子模型学习

css的盒子模型学习img{width:49.53%;height:150px;}#showdiv{border:solid100px;width:40%;height:200px;margin-bottom:10px;margin:0pxauto;padding:20px;}#div01{border:dashed3pxorange;width:40%;height:200px;margin-l

Jordan Lee·2020-08-18 06:53

HTML5和CSS学习笔记（三）

(36)设置元素的IDid属性应该是唯一的，虽然浏览器并不强制唯一，但基于最佳实践，这一点是被广泛认可的，所以请不要给一个以上的元素设置相同的id属性。如：设置form元素的id属性为cat-photo-form。（37）使用ID属性设置元素的样式和类选择器一样,声明一个叫cat-photo-element的ID选择器，并设置背景色为绿色。注意：在你的style元素内部，定义类选择器必须添加.为前

拱白菜的小白·2020-08-18 05:14

HTML、CSS学习笔记（1）HTML入门

前言本意是写给自己看的学习笔记，如果能恰好帮到有需要的人那最好了。我是一个接触时间不长的新手，秃头摸爬滚打中，将一些重点总结记录下来，如有错误欢迎指正。部分内容来自www.w3school.com.cn和相关书本教材，若有侵权请告知，将会立即修改。HTML入门（1）一些相关知识网站由网页构成，网页有静态和动态之分。静态网页指的是无论用户何时访问，网页都会显示固定的信息，除非网页源代码被重新修改上传

HakuyaSakin·2020-08-18 01:39

好程序员web前端培训分享HTMLCSS学习笔记HTML5基础

好程序员web前端培训分享HTMLCSS学习笔记HTML5基础，HTML5发展史HTML5草案的前身名为WebApplications1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的

好程序员IT·2020-08-18 01:14

HTML和CSS学习day02

一、HTML标签9、表单标签表单：概念：用于采集用户输入的数据的。用于和服务器进行交互。：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围属性：action：指定提交数据的URLmethod:指定提交方式分类：一共7种，2种比较常用get：请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)。请求参数大小是有限制的。不太安全。post：请求参数不会再地址栏中显示。会封装在请

AllenXueKY·2020-08-18 01:39

攻克CSS记录（1）— 选择器

个人觉得要在某个领域中强大，基础原理是必不可少的，于是有了本人第一篇CSS学习的文章，文章主要是根据《CSS权威指南》来对自己的一些不牢靠的知识进行记录巩固，发现对这本书真是相见恨晚，以前学CSS太浮躁了

iteye_3224·2020-08-17 22:10

css学习之table

表格table.cal{border-collapse:separate;border-spacing:0;text-align:center;color:#333;}.calth,.caltd{margin:0;padding:0;}.calcaption{font-size:16px;padding-top:10px;padding-bottom:10px;background:#CCC;}.

何东狮吼·2020-08-17 22:41

CSS学习1.颜色，字体

1.颜色，（color）最简单的颜色设置方式就是在HTML标签中加上style也是键值对模式，键-值之间用:隔开多个样式时可以用;进行隔开天下无敌最寂寞北风卷地白草折，胡天八月即飞雪宁为百夫长，胜作一书生会当凌绝顶，一览众山小2.字体（font）射人先射马，擒贼先擒王射人先射马，擒贼先擒王射人先射马，擒贼先擒王欲穷千里目，更上一层楼欲穷千里目，更上一层楼天下本无事，庸人自扰之天下本无事，庸人自扰之

a136352·2020-08-17 21:14

CSS学习之三定位属性

使用定位方式属性可以控制浏览器如何定位HTML元素语法:position:static默认absolute绝对定位leftrighttopbottomfixed页面滚动时，元素不随着滚动relative采用相对定位，对象不可层叠层叠顺序z-index使用层叠顺序可以设置层的先后顺序和覆盖关系。默认情况下，z-index值为1，位于最底层。Title.d{position:absolute;top:

剑宗高手·2020-08-17 19:43

CSS学习一盒子模型

css学习其实对于我来说，蛮枯燥的，我好像喜欢偏逻辑的东西先说定位吧.classname选择class#id选择idbody选择主标签再说属性1.内容区三个属性widthheightoverflow2.

剑宗高手·2020-08-17 19:42

CSS学习之二实践盒子

学习计算机技术，应用为主，一定要实践，实践，实践。Title.k{background-color:#ac2925;}.h{border:1pxdashed;padding-top:40px;background-color:chartreuse;padding-bottom:40px;;margin:100px;text-align:center;}Swath2006冬季时尚全新上市，天色渐渐变

剑宗高手·2020-08-17 19:42

HTML CSS学习1

LIU_Jessica·2020-08-17 17:28

HTML CSS学习2

文章目录资料来源注释元素元素的定义元素的嵌套标准的文档结构文档声明根元素文档头文档体语义化文本元素h元素p元素span元素pre元素a元素1.不同页面跳转2.同一页面的锚点3.功能性链接a元素其他属性介绍HTML实体资料来源https://baike.baidu.com/item/%E6%96%87%E6%A1%A3%E4%BD%93/7975589?fr=aladdinhttps://baike

LIU_Jessica·2020-08-17 17:28

CSS学习——三大特性、盒子模型（上）

目录目录CSS三大特性CSS层叠性CSS继承性CSS优先级CSS特殊性(Specificity)盒子模型（CSS重点）看透网页布局的本质盒子模型(BoxModel)盒子边框(border)表格的细线边框盒子边框总结表圆角边框（CSS3）内边距(padding)CSS三大特性CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力，如果一个属性通过两个相同选择器设置到同一个元素上，

WangJiaYi948·2020-08-17 10:22

css学习

>-能够说出为什么要用定位>-能够说出定位的4种分类>-能够说出4种定位各自的特点>-能够说出为什么常用子绝父相布局>-能够写出淘宝轮播图布局>-能够说出显示隐藏的3种方式以及区别##1.定位(position)介绍###1.1为什么使用定位>我们先来看一个效果，同时思考一下**用标准流或浮动能否实现类似的效果**？**场景1**：某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子.**场景

正月初七Mryang·2020-08-17 10:23

Sass初涉

从昨天开始我开始深入学习前端，JS方面学习函数式编程和模块化（require，commentJS），css学习预处理语言sass，框架方面接触facebook的react。

战场小包·2020-08-17 01:37

HTML/CSS学习笔记二

学习笔记二超链接列表标签无序列表有序列表web中的路径相对路径绝对路径img标签表格标签iframe框架标签表单中常用的标签超链接a标签是超链接href属性设置连接的地址target属性设置哪个目标进行跳转_self表示当前页面(默认值)_blank表示打开新页面来进行跳转百度百度_self百度_blank列表标签无序列表unorderline123-Listitem123有序列表orderlin

小疯子青·2020-08-16 05:29

CSS学习笔记：基础语法

简介CSS指层叠样式表(CascadingStyleSheets)；语法CSS规则由两个主要的部分构成：选择器，以及一条或多条声明:如：/*这是个注释*/p{color:red;/*这是个注释*/text-align:center;}标题不变HelloWorld!这个段落采用CSS样式化。生效范围如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id"和"class"选择器。id选择器d

糖冰橙·2020-08-16 01:27

CSS学习笔记:HTML元素和CSS盒子

1.网页的内容网页的内容是编码在html页面内的信息,在html标记的开关标签间可以找到它.这些标签定义了内容的结构.示例:ThisisaCar网页的内容为:ThisisaCar2:显示方式内容的显示方式不由HTML定义,它由CSS规则决定.浏览器对和标签具有默认规则.和都显示为"显示盒子".就是CSS浏览器处理HTML元素的方法.尽管不是所有元素都显示在屏幕上,但是每个HTML元素对应于一个显示

街头小贩·2020-08-15 09:33

CSS学习笔记:概述

基本概念:在正式的W3C规范中,很少能看到这样的术语:网页(,标签,浏览器).在某种情况下理解它们的正式术语对一个从事于WEB工作的人是至关重要的!也是看懂W3C文档所需具备的基本常识.规范:文档:元素:用户代理:在接下来的几篇文章中,让我们一起来学习CSS.您不必害怕会是长篇小说.我们只要学会CSS的核心.其它的知识面只要多看文档和多作练习.完全理解只是时间的长短问题.以下是我们要学习和必须理解

街头小贩·2020-08-15 09:33

CSS学习笔记（三）——CSS盒子模型

盒子的基本概念在HTML文档中，每个元素都有盒子模型，所以说在Web世界里（特别是页面布局），盒子模型几乎无处不在，这个盒子就是一个矩形的块，可以对其进行幅面、边框和边距的设置。盒子的基本形式每一个盒子都有三个必须了解的参数，border（边框）、padding（内边距）和margin（外边距），盒子模型规定了处理元素内容和内边距、边框以及外边距的方式。如下图所示：示例代码如下：一级标题段落文字（

狗狗狗狗狗乐啊·2020-08-15 09:32

CSS学习笔记——盒子模型

1.盒子边框（border）border:border-width||border-style||border-colorborder-style:默认采用none，solid：实线（使用最多）；dashed：虚线；dotted：点线double：双实线盒子上下左右边框border-top/bottom/left/right表格细线边框border-collapse:collapse;collap

淡忘～雨季·2020-08-15 09:24

CSS学习之盒子模型

盒子模型（CSS重点）其实，CSS就三个大模块：盒子模型、浮动、定位，其余的都是细节。要求这三部分，无论如何也要学的非常精通。所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。看透网页布局的本质网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的

.ByeBye·2020-08-15 09:22

CSS学习笔记——视觉格式化模型 visual formatting model

CSS视觉格式化模型(visualformattingmodel)是用来处理文档并将它显示在视觉媒体上的机制。他有一套既定的规则（也就是W3C规范），规定了浏览器该怎么处理每一个盒子。以下内容翻译自W3C官方文档，其中加上了自己的一些理解。相关链接：https://www.w3.org/TR/CSS2/visuren.html#block-boxes。1、可替换元素（Replacedelement

weixin_34227447·2020-08-15 08:13

CSS学习笔记02 CSS选择器

1、通配符选择器通配符选择器用“*"号表示，是所有选择器中作用范围最广的，能匹配页面中所有的元素/*设置当前页面中所有标签的颜色为红色*/*{color:red;}2、标签选择器标签选择器就是选择当前页面中相同名字的标签/*设置所有p标签的文字颜色为红色*/p{color:red;}3、ID选择器id选择器使用"#"进行标识，后面紧跟id名/*设置id为title的标签的文字颜色为红色*/#tit

weixin_33968104·2020-08-15 08:51

CSS学习笔记：盒子模型

盒子模型（CSSbasicboxmodel）：Whenlayingoutadocument,thebrowser'srenderingenginerepresentseachelementasarectangularboxaccordingtothestandardCSSbasicboxmodel.CSSdeterminesthesize,position,andproperties(color,

weixin_33713503·2020-08-15 08:33

CSS学习笔记1：初识CSS及其常见属性

Java秃头哥·2020-08-15 08:29

CSS学习笔记——CSS基本属性

CSS基本属性目录简介css格式文字属性文本属性颜色属性css格式选择器名称{属性名称:属性值;属性名称:属性值;属性名称:属性值;...}标签一定要写在标签中属性名称和属性值是key-value的形式，其中:;是不能省略的type="text/css"说明了标签内写的是文本格式的css代码，type属性不写的话，默认也是type="text/css"文字属性p{font-style:italic

Brray_Jim·2020-08-15 07:37

CSS学习笔记：盒模型

盒模型CSS假定每个元素都会生成一个或多个矩形框。每个框中心都有一个内容区，这个内容区周围有可选的内边距、边框和外边距。这些项之所以被认为是可选的，原因是它们的宽度可以设置为0。可以用多种属性设置各外边距、边框和内边距。内容的背景也会应用到内边距外边距通常是透明的，从中可以看到父元素的背景内边距不能是负值，但外边距可以。边框的颜色如果没有设置，那么将取元素内容的前景色。如果边框样式有某种缝隙，则可

gigi就是我·2020-08-15 07:39

CSS学习笔记：表格

表是一种很特别的布局，它本身就能确定其他元素的元素大小，例如，可以让一行中的所有单元格都有相同的高度，而不论每个单元格中可能包含多少内容。还可以让一列中的单元格都有相同的宽度。表格式化表的视觉编排CSS对于表元素和内部表元素有很分明的界限。内部表元素生成矩形框，这些框有内容、内边距和边框，但没有外边距。因此，不能通过指定外边距来定义单元格之间的间隔。如果试图对单元格、行或其他任何内部表元素应用外边

gigi就是我·2020-08-15 07:39

css学习笔记之兼容&bug（吐血整理）

学习来源：http://www.cnblogs.com/xiaohuochai/http://blog.csdn.net/secsky/article/details/8425666http://www.51itstudy.com/31686.htmlhttps://www.zhihu.com/people/efanchy兼容：【1】IE6/IE7下给块级元素设置inline-block样式原因：

蔻蔻a·2020-08-15 07:36

CSS学习笔记_CSS选择器

1>派生选择器派生选择器可用于指定某个位置的某种元素的格式，比如你希望中的元素成为红色，就可在中写入h2em{color:red;}，然后再h2中希望成为em样式的字符用和包起来，即可。2>id选择器id选择器是一种根据id来选取并规定固定格式的选择器，比如你希望所有id=“red”的元素都成为红色，就可在中写入#red{color:red;}，注意前面的#号。这样你只需在任意位置规定id=“re

nkuazh·2020-08-15 07:05

CSS学习 --盒子模型

CSS元素分类替换元素replacedelement替换元素往往在文档中没有实际的内容，浏览器会根据这些元素的标签类型和属性来显示这些元素大多数表单元素是替换元素,举例:，,,,等，不可替换元素nonreplacedelement不可替换元素的内容就在文档自身中这个元素里面，浏览器会直接呈现这些元素的内容给用户;HTML的大多数元素是不可替换元素;举例:,等CSS中,每个元素(element)产生

安迪源文·2020-08-15 07:02

CSS学习笔记：columns

概述太长的文本行十分不容易阅读，CSS多列布局就是允许简单地定义多列文本。使用多列布局列计数器和宽度有两个CSS属性控制是否实现多列布局和显示多少列：column-count和column-width。这两个属性可以同时使用，也可以只使用其中一个。column-count设置特定数量的列数，宽度会自动计算。column-width设置期望的最小列宽。如果column-count没有设置，那么浏览器

gigi就是我·2020-08-15 06:29

CSS学习笔记3：选择器及优先级

CSS选择器的类型：标签选择器类选择器ID选择器全局选择器群组选择器后代选择器1.标签选择器：以HTML的标签作为选择器，凡是选择了一个标签，那么所有这个标签的内容都是用了css样式用法很简单，直接在style中标签{}即可声明p,h1,a{font-size:50px;}2.类选择器：标签选择器无法实现某一类标签里的标签css样式特殊化化通过个标签命名类分类，例如来将一个p便签命名为pclass

ajxst82848·2020-08-15 05:11

CSS学习笔记 | 定位

定位本文内容：定位：1.为什么需要定位？2.定位组成2.1定位模式2.2边偏移3.静态定位（了解）4.相对定位4.1语法4.2相对定位的特点5.绝对定位5.1语法5.2绝对定位的特点6.相对定位和绝对定位如何应用“子绝父相”7.固定定位7.1语法7.2固定定位的特点7.3小技巧—固定到版心右侧8.粘性定位（了解）9.定位总结10.定位的叠放顺序11.绝对定位的盒子居中算法12.定位特殊特性13.元

hz0220·2020-08-15 05:38

CSS学习笔记 | 浮动

浮动本文内容：浮动：1.传统网页布局的三种方式2.为什么需要浮动3.什么是浮动4.浮动特性（重点）5.浮动布局注意点6.清除浮动6.1为什么要清除浮动6.2语法6.3清除浮动方法6.3.1额外标签法6.3.2给父级添加overflow6.3.3:after伪元素法6.3.4双伪元素清除浮动6.4清除浮动总结1、传统网页布局的三种方式网页布局的本质：用CSS来摆放盒子，把盒子摆到相应位置CSS提供了