HTML&CSS学习

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

以下谨列出本人在CSS学习中总结归归纳的一些要点，内容浅显，无非是让初学则减少一些不必要的失误。
weixin_30797199·2020-07-13 17:42

html+css学习感受

经历过几天对HTML基础的学习，现在已经可以搭建简单的静态网页。这几天的学习也比较有规律和循循渐进，首先是初步对HTML的了解，然后是对各个标签的学习和使用，标签不难，只不过短时间还不能完全吸收完全部，毕竟记忆有限，学到后面也会忘记一些前面的知识。所以只能通过练习，不断得巩固和积累。学完了HTML的标签，接下来是CSS了。学到这CSS就会发现，前面学的标签很多都用不上了。但知识这东西，都是从积累开
weixin_30446613·2020-07-13 17:38

html和css学习心得

系统学习web前端大概有一周了吧，看了《HeadFirstHTML与CSS》，这本书属于入门书，语言浅显易懂，跟着书敲代码很快的，我大概用了一天就看完了，同时对html和css有个系统的认识了。接着看了《精通CSS》第二版，受益最多的是从中学会了布局，用好position和float，还有结构与表现分离的思想。然后开始javascript的学习，看了入门必备书《javascriptDOM编程艺术》
天方夜谭谭谭·2020-07-13 14:40

css学习总结

css的作用跟html类似，但语法的使用有些区别，css是为了让html元素更好的展示的，例如可以发现这于html的比较多了一个style中间的p{}的代码，并且结果也变成了红色，这就是css的作用效果，css把html中的p元素标记为红色了，这样在使用html中的p元素时，起内容都会变成红色，这就是css对html元素的美化，当然其美化并不是一定是全部的，还可以进行选择，这就是css的选择器了，
孤雪胜悲鸣·2020-07-13 11:02

CSS学习总结

总结由达内学习的笔记和菜鸟教程CSS板块(不包括CSS3)组成。一.CSS概述1.CSS：层叠样式表（CascadingStyleSheets）用于渲染HTML元素标签的样式，美化网页的一门技术。使用CSS设置样式，可以让展示数据的HTML代码和设置样式的CSS代码进行分离，可以增强网页的展示能力2.CSS规则由两个主要的部分构成：选择器，以及一条或多条声明:选择器通常是需要改变样式的HTML元素
竹叶戏雨·2020-07-13 11:21

HTML&CSS学习总结+js学习总结（3）

-----2019年5月25日目录1遍历对象的属性2js中的作用域2.1变量作用域2.2函数作用域2.3函数闭包3DEBUG4this的情况5对象的创建5.1工厂模式5.2构造函数模式5.3原型创建对象6数组（Array）7函数8Date对象9window和Global对象10包装类11DOM操作1遍历对象的属性for-in语句可以用于遍历对象的属性名及属性值。for(varattribute_n
sikies·2020-07-13 11:53

HTML5+CSS学习心得

不说废话,直接上菜,花了两天时间看了看这两个的东西,虽然之前也有涉猎,但是说真的,这两天我仿佛看透了很多.说真的,一个个去记忆每个元素的用法真的是蠢爆了,这个大家都知道.大家也知道实践出真理的道理,但是如果在开会,不能实践的话该怎么办呢?好了说重点.H5就是HTML,这是一门一直延伸的语言,或者说语法,今后不会有H6,7,8了,因为这门语言支持的就是最新的语法规则然后是HTML和CSS之间的关系,
Ciruy B.Heimerdinger·2020-07-13 10:50

css学习笔记 -position-sticky(粘性固定)

情景说明：好多情况下，遇到某些菜单或者筛选的选项需要固定在页面的固定位置，通常情况下，需要监听scroll事件，才能实现。看到网易新闻移动端首页和饿了么的首页发现一个新的属性，position:sticky,实现的。代码量精简了不少。写了个简单的实例实现，觉得阔以实现。亲测可用设备兼容：（按照下面的写法即可）position:sticky;position:-webkit-sticky;posit
爱凤凤·2020-07-13 10:47

iOS开发html+css学习之解决高度塌陷的最终方案之二

.box1{border:1pxsolidred;}.box2{width:100px;height:100px;background-color:blue;float:left;}/*解决高度塌陷方案二：可以直接在高度塌陷的父元素的最后，添加一个空白的div，由于这个div并没有浮动，所以他是可以撑开父元素的高度的。然后再对其进行一个清除浮动，这样可以通过这个空白的div来撑开父元素的高度基本没
程序大猩猩·2020-07-13 08:06

html+css学习笔记014-H5新标签0浏览器兼容

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终看到这个标题突然想起以前在前端群里和一位大佬的对话我说：‘如果能够统一浏览器多好，那样就不用再考虑兼容性问题了’大佬回复：‘如果不需要做兼容性开发，前端的价值不到现在的一半’前端59期学员作业/*内部样式表*//*浏览器兼容*/box-shadow:0px2px10px#CCC;-webkit-box
Mr柳上原·2020-07-13 06:39

CSS学习心得

一直以来从事web开发方面的工作，做过很多项目，也做过无数的日常开发，但自己只专注于需求的理解和系统设计方面，而对web页面的展现很少关注，在遇到页面问题时，往往都会交给UED部门的同事去处理，长此以往，自己也产生了惰性，不论页面的问题大小都统统交给他们解决，这样不仅影响了自己的工作效率，还给UED的同事带去不少麻烦，正好这几天工作不是很紧张，在http://www.w3school.com.cn
ilibaba·2020-07-13 05:36

CSS学习心得（3）

CSS伪类CSS伪类用于向某些选择器添加特殊的效果。伪类的语法：selector:pseudo-class{property:value}CSS类也可与伪类搭配使用：selector.class:pseudo-class{property:value}在支持CSS的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。a:link{col
honghuzhiyan·2020-07-13 05:33

css学习归纳总结

css学习归纳总结来源于:trigkit4文章转载于：www.cnblogs.com/ys-wuhan/p/5848058.html块级元素和行内元素列表：空元素知名的空元素：鲜为人知的是：长度单位emem
I-T枭·2020-07-13 05:02

CSS学习总结

CSSFCSS的基本概念•掌握样式表的语法规则•样式表的分类：–行内样式表–内嵌样式表–外部样式表•掌握常用的样式指定显示样式FCSS基础@CSS是CascadingStyleSheet的缩写，翻译为“层叠样式表”，简称“样式表”。@样式表的首要目的是为网页上的元素精确定位。其次，把网页上的内容结构和格式控制相分离。即html的标签主要是定义网页的内容，而CSS决定这些网页内容如何显示。@优点：简
冯东昆·2020-07-13 04:46

CSS学习心得

1.在css样式编辑中，不能添加无关样式设置的标签，比如之类，否则会使整个css样式无法正确显示。2.关于css的样式表的优先性：作者定义样式>用户设置样式＞浏览器默认样式＞html默认样式3.关于css渲染样式时的优先性（区别与上条，本条所说的相同样式表在代码不同位置的渲染优先性）：一般情况下，距离应用对象越近的的样式越具有优先权。比如：p{color:red;}你好此时由于行内样式比内嵌式离渲
archer199308·2020-07-13 02:16

css学习的一些心得

其实去年的时候，我就有过接触css了都是跟着一些网页教程学做的无非是用来控制一下link,vlink之类的那个时候觉得css好像也不过如此，对于层什么那个时候很不屑于顾，因为感觉层定位起来不如表格方便今年十月份的时候，正式开始学习css才发现一些网站不用表格，仍然可以做到非常的好除此之外css还有着对于大流量网站的速度优势到现在为止，断断续续的学习了两个月了，其间做了一些页面今天就讲讲自己的感受第
aifox·2020-07-13 02:44

HTML+CSS学习总结

HTML+CSS3学习总结锚链接......功能性连接电子邮件：联系我们列表、表格与媒体元素列表：无序列表，有序列表，定义列表无序列表：有序列表：定义列表：定义列表的特性：没有顺序，每个标签标签独占一行（块元素）网页命名规范：header：标题头部区域的内容（用于页面或页面中的一块区域）footer：表及脚部区域的内容section：web页面中的一块独立区域article：独立的文章内容asid
宁妤·2020-07-13 02:32

CSS学习个人总结---一

CSS学习：权重记忆口诀：从0开始，一个行内样式（style）+1000，一个id+100，一个属性选择器/class或者伪类+10，一个元素名，或者伪元素+1。
RainieLi·2020-07-13 01:43

CSS学习心得

CSS1.CSS是层叠样式表(CascadingStyleSheets),用于定义HTML元素的显示形式。CSS的规则选择器{属性名：值}2.和@importurl的区别：用于CSS1,页面加载到同度位置上就加载CSS样式，而@importurl用于CSS2,页面加载完文本再加载CSS样式；一般通过@importurl引入的样式，JavaScript无法改变，而通过引入的样式JavaScript可
Maureen_Chen·2020-07-13 00:02

html+css学习心得

最近一周在学习html+css的知识，总结一下学习心得。1、css选择器在网页样式设计时，有三种方法：行内样式，内部样式，外部样式。一般采用的是外部样式，它利于维护，方便复用，也实现了网页内容与样式分离。在优先级上，行内样式>内部样式>外部样式所以选择器在设计样式时，显得非常重要。以下是几种常用选择器：class选择器.className{}id选择器#idName{}通用选择器*{}标签选择器标
你闪现也没用了·2020-07-12 23:52

CSS学习总结二

接着上回的总结:CSS总结一有了下面的最后的总结!第六章:CSS设置表格和表单的样式控制表格:标记:border(边框)Summary(概括内容)Caption(大标题)Caption-side(标题位置)颜色:Color(表格文字颜色)Background(表格背景颜色)边框:Bordercolor(边框颜色)Border-collapse(边框重叠)CSS与表单:元素:输入框、文本框、单选项、
马康·2020-07-12 22:20

CSS学习总结一

将CSS学习完了,大概总结一下,进行一个宏观的提升以及知识点的把控.第一章:基础知识1、标记例如：标题内容2、CSS控制页面：优先级别:行内样式>链接式>内嵌式>导入式行内样式:用Style标记直接写在中间内嵌式
马康·2020-07-12 22:20

css学习心得总结

一、在html中引用css的两种方式1、@import"XXX.css";一般放在head中2、二、css样式1、body{.....}div{.....}应用于分别body和div标签，顺序有次作用：后者会覆盖前者应用区域中属于自己的作用区域（嵌套）2、.charater{......}.dialog,.directions{......}定义class,后者表示两个类名不同，类体一致3、#we
red-dragon·2020-07-12 22:47

马士兵html javascript css学习总结

HTML：1>:html不区分大小写，但推荐用小写。2>:…定义CSS格式…用于定义脚本，Eg.Javascript3>才常见标签：超级链接，跳转到另一文件文字*标题字体大小--#=1、2、3、4、5、6*分隔线--* ：空格*…：分段落现实*…(一层)…（行内块）*分块显示：…(列表)…*符号列表：……*数字列表*换行*…不换行*保留原有格式*跑马灯效果***对齐—align……取值:l
jtlyuan·2020-07-12 22:21

CSS学习总结

原本我们通过对HTML元素加一些附加属性进行改变页面的外观，比如width、height、bg-color、padding、spacing等属性。现在有了CSS能够把页面布局和页面外观完全分离开来。只需要把css链接到文本里就可以实现改变外观。css相对于传统的方法最明显的优势：如果你想要把所有的h1元素全部设置成统一的样式，传统的方法需要一个一个设置，而css则只需要一个设置即可。CSS的形式如
iteye_14310·2020-07-12 22:32

CSS 学习总结

CSS学习总结css简要介绍什么是CSScss作用css与HTML之间的关系导入CSS的方式CSS的基本使用规则CSS语法CSS样式表特征CSS基础选择器div+css布局CSS基础样式字体的设置文本属性盒子模型浮动元素伪类定位精灵图
mcw1203·2020-07-12 21:53

JavaWeb_02_CSS学习

CSS简介CascadingStyleSheets(CSS)层叠样式表:en.wikipedia.org层叠：一层一层的叠加样式样式表：提供更多属性和属性值实现更多样式变化css将显示样式和网页内容分离CSS和HTML的结合方式（四种结合方式）（1）在每个html标签上面都有一个属性style,把css和html结合在一起（2）使用html的一个标签实现标签，写在head里面css代码;div{b
weixin_30432179·2020-07-12 06:26

怎么学习前端开发？推举学习路线图

，点进去一看：这问题正好是咱专业，在行啊，必须给广大人民群众解解惑，就先留了个坑，今天终于写完了；基础学习开发阶段：HTML+CSS学习内容：HTML基本结构、常用基础标签、路径和锚点、表格列表、表单…
西岭老湿·2020-07-12 03:08

Css学习_5过度及动画

Css学习_5过度及动画过度单个属性的过度//单个属性效果的过度动画测试div{width:100px;height:100px;background:red;transition:width2s;}div
huhanghao·2020-07-12 02:48

CSS学习笔记8：实操——运用浮动简单布局网页

学习完浮动，我们就可以利用已学的知识做一个初级的网页布局了。下面我们布局成下图所示的网页：如图：思路：由大到小拆分盒子1.先看上下分成3大部分，头部，中间和尾部3个大盒子。三个大盒子按照标准文档流上下排列，无需浮动。2.拆分头部第一个大盒子：头部可拆分成1个红色盒子和2个绿色盒子。红色盒子左浮动，2个绿色盒子右浮动。思考：为什么较长的绿色盒子没有贴在较短的绿色盒子后面，与之并排在第一行？那是因为，
Java秃头哥·2020-07-11 23:34

深入理解CSS：line-height、vertical-align（转载）

www.cnblogs.com/wfeicherish/p/8884903.html说在前面：通过这次深入学习CSS的line-height和vertical-align属性，对CSS真是刮目相看，决心开始深入CSS
sharpdeng·2020-07-11 22:28

CSS水平居中和垂直居中的方法

本篇文章主要介绍本人最近在CSS学习中整理总结出的水平&垂直居中的几种方法水平居中子元素为行内元素、单个块状及多个块状元素布局方案不同行内元素：对父元素设置text-align:center；块状元素：
季靖松·2020-07-11 20:43

CSS学习笔记——选择器——day two

目录一、什么是CSS二、创建CSS样式表的三种方式三、层叠和继承四、CSS选择器（一）基本选择器（二）复合选择器（三）伪选择器一、伪元素选择器（伪元素前置两个冒号::）二、伪类选择器（伪类前置一个冒号:）一、什么是CSS层叠样式表，用来对HTML文档外观的表现形式进行排版和格式化。CSS样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个CSS属性和属性值。二、创建CSS样式表的三种
谷粟子·2020-07-11 18:26

scss学习之路

一.背景介绍:css不是一种真正意义上的编程语言，只能死板并且重复的进行。为了解决css的这些缺点，能够对css进行预处理的"中间语言"就产生了，以此来实现某些编程特性。也就是在编写中间语言过程中，可以使用编程方式和思维，中间语言不能直接被浏览器所解析。将这个中间语言编译成真正的css，供浏览器解析使用。二.关于sass和scss:sass是最早的css预处理语言之一。为了适应编程风格的需求，sa
崔小白·2020-07-11 18:58

CSS学习笔记

一、CSS简介1.什么是CSSCSS:CascadingStyleSheet是一组样式设置规则，用于控制页面的外观样式2.为什么使用CSS实现内容和样式的分离，便于进行团队开发实现样式复用，便于网站的后期维护实现页面的精确控制，让页面更精美3.CSS作用页面外观美化布局和定位二、基本用法1.CSS语法选择器{属性名:属性值;属性名:属性值;}选择器：要修饰的对象（东西）属性：修饰对象的哪种属性（样
鲁毅_·2020-07-11 09:20

CSS学习5

列表CSS列表属性允许你放置、改变列表项标志，或者将图像作为列表项标志。css列表属性：属性描述list-style简写属性。用于把所有用于列表的属性设置于一个声明中。list-style-image将图象设置为列表项标志。list-style-position设置列表中列表项标志的位置。list-style-type设置列表项标志的类型。代码举例：修改用于列表项的标志类型：ul{list-sty
风林山·2020-07-11 07:46

CSS学习笔记－清除浮动

前言在工作中网页的布局基本使用float来处理，但是浮动所带来的副作用又是比较麻烦的一件事，今天写下这篇笔记来梳理一下。正文为什么要清除浮动浮动:元素使用浮动之后会脱离文档流，左右移动直到浮动元素的外边缘碰到到他的父元素的边框或者碰到另一个浮动元素的边框，浮动的这个性质会影响网页的布局，例如：造成父元素的高度塌陷当包含左列和右列的父元素的高度小于浮动的子元素时,父元素的高度没有被撑开。影响块级元素
_咸鱼君·2020-07-11 04:34

CSS学习笔记：transition、transform、animation

CSS3动画相关的几个属性是：transition：过渡transform：变换animation：动画transitiontransition的作用是：平滑的改变CSS的值。tansition是一个简写属性，分别包含以下几个属性：transition-property指定过渡的性质，比如transition-property:backgrond就是指backgound参与这个过渡。有以下几个属性
gigi就是我·2020-07-11 04:29

CSS学习7（颜色和背景）

背景图片指定背景图像的同时可以再指定一个背景色。这往往是个好主意。在图片没加载出来或图片有透明度时。允许向任何元素应用背景图像，可以是块级元素也可以是行内元素。背景定位这里要明确一个概念，原图像，因为背景图片是可以重复的，一般是由原图像向周围重复。背景定位的目标是原图像，定位好原图像再向四周重复。在使用百分数值时，比如30%，20%，这个是要求原图像的30%，20%和本元素的30%，20%对齐。在
exialym·2020-07-11 01:38

css学习 第五天

CSS下拉菜单使用CSS创建一个鼠标移动上去后显示下拉菜单的效果。基本下拉菜单当鼠标移动到指定元素上时，会出现下拉菜单。.dropdown{position:relative;display:inline-block;}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;
罗_c857·2020-07-10 23:04

CSS学习之选择器优先级与属性继承

CSS学习之选择器优先级与属性继承选择器优先级其实选择器是具有优先级的，我们来看下面这一组案例：Document#div_1{}.div_1{}???代码示例按理说，从上到下进行页面的渲染。
云崖先生·2020-07-10 20:00

css学习笔记 && 布局学习笔记

权威教程：https://developer.mozilla.org/zh-CN/docs/Learn/CSS一，CSS初步1.浏览器有时候也被称为useragent，大致可以当这个程序是一个存在于计算机系统中的人。当我们讨论CSS时，浏览器是Useragent的主要形式，然而它并不是唯一的一个。还有其他可用的useragents—像是那些可以把HTML和CSS文档转换为可以打印的PDF文档的软件
everest33·2020-07-10 19:00

CSS二列&三列布局

本篇文章主要介绍本人最近在CSS学习中总结出的常用的二列&三列布局的几种方法二列&三列布局：image.png二列布局的特征通常是侧栏固定宽度，主栏自适应宽度三列布局的特征通常是两边侧栏固定宽度，主栏自适应宽度实现方式有以下几种
季靖松·2020-07-10 15:11

html+css学习笔记020-结业（静态网站布局-京东）

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终终于走到了这一天吗......html部分：前端59期html+css结业《潭州汪涵商城》.│?/│Shift││↑││1│2│3││├─────┬──┴─┬─┴──┬┴───┴───┴───┴───┴───┴──┬┴───┼───┴┬────┬────┤┌───┼───┼───┐├───┴───┼─
Mr柳上原·2020-07-10 15:47

CSS学习笔记

左右浮动布局清除浮动模板，给float元素的父元素添加。.clearfix:after{content:'';display:block;clear:both;}文档流元素的高度与宽度由内部文档流高度和宽的总和决定。文档流：文档内元素的流动方向。内联元素：流动方向从左往右，遇到阻碍换行。块级元素：流动方向从上往下，一块一行。在内联元素中，word-break控制换行，英文默认情况下单词不可分（ke
Criya·2020-07-09 23:53

Ethan跟着江哥一起学HTML5—CSS学习

从前面几天的学习中了解到html是用来控制页面结构的，而页面的样式是由css控制的，在前端开发中有一个很重要的思想就是，结构与样式分离。一张华丽的静态页面都是由css布局加修改样式后得到的，所以css的功能还是挺强大的，特别现在的css3能够做出许多动画效果了。首先，css有四种引入样式，行内样式优先级最高，但我们常用的是外链样式。在选择器的使用中我们要注意，选择器的优先级和权重。盒模型是css学
Ethan__yu·2020-07-09 18:13

微信小程序-统计第一个项目用到的相关属性及方法

前言学习参考地址小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/index.htmlcss学习参考：http://www.runoob.com
工具人005·2020-07-09 04:08

HTML/CSS学习总结

哈喽，各位新年快乐呀！今天是2019年的第一天，在这里祝愿大家新的一年能够身体健康、事事顺利，同时希望自己能够在新的一年里完成自己当初所定下的目标。言归正传，很高兴我并没有经过多久继续更新博客，上一次发博还是在一周前的平安夜。在这一周的闲余时间里我抓紧时间学习，在W3School中文站把HTML/HTML5和CSS/CSS3的基础耐心地过了一遍，期间也完成了一些实例和测验，由于存在以往自身在其它领
haobrother·2020-07-08 22:04

css学习之标签显示模式

标签显示模式（display）HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。具体如下：块级元素(block-level)每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。常见的块元素有~、、、、、等，其中标签是最典型的块元素。块级元素的特点：（1）总是从新行开始（2）高度，行高、外边距以及内边距都可以控制。（3）
.ByeBye·2020-07-08 22:56

视频教程-Flex Box页面布局实战课程(网页移动端微信等)-HTML5/CSS

黄菊华¥55.00立即订阅订阅后：请点击此处观看视频课程视频教程-FlexBox页面布局实战课程(网页移动端微信等)-HTML5/CSS学习有效期：永久观看学习时长：96分钟学习计划：2天难度：中「口碑讲师带队学习
峰子的节奏·2020-07-08 15:11
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他