HTML&CSS学习

CSS学习

对于css的学习,感谢MDN与W3school提供的优秀资料随着学习的深入,此文章持续更新...css中一些踩过的坑:inline是按照基线对齐的,可通过vertical-align调节2个inline-block中间的空格是字体大小空格,将父元素字体大小设为0可取消优先使用overflow:auto不同系统处理不一样个人觉得css处理文本长度不如js处理稳定伪元素::before是真的一个元素,
blossom_绽放·2020-04-08 17:26

HTML+CSS学习笔记（8）- CSS选择器

什么是选择器？每一条css样式声明（定义）由两部分组成，形式如下：选择器{样式;}在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素标签选择器标签选择器其实就是html代码中的标签。如下面代码中的、、、、。例如下面代码：p{font-size:12px;line-height:1.6em;}上面的css样式代码的作用：为p标签设置12p
王隆帅·2020-04-08 16:36

2018-02-08

CSS学习笔记(十二)CSS命名规范命名规范cssomgdog2015年01月07日发布赞|2收藏|783.5k次浏览引言：最近想将这几个月做过的东西组件化，然后首先想到的是编码规范化！
天字一等·2020-04-07 21:47

第三人生跟着李南江学习HTML5—CSS学习

学习了CSS之后我知道了它主要负责网页的表现，也就是美化页面，它和HTML有各自明确的分工。首先我学习了如何使用选择器和各种选择器的分类，也就是要给指定的元素穿上“外衣”之前，我们应先正确找到这个元素。其次一些常用的属性和值还是需要我们记忆的，在李南江老师的带领和引导下，我们从最基础的CSS知识开始学起，学习到后面的行高，边距时头脑有一些发晕，还是要自己亲自试一试才能搞清它们之间的距离是怎样分配的
第三人生·2020-04-07 11:54

CSS布局入门及踩坑

1.概述：本文是自己css学习中一些布局方法的小结。包括一些必要的基础知识，以及常见布局之：左右布局、左中右布局、自适应等，其他的布局方法后期会陆续更新。垂直居中、水平居中方法。
qh0814·2020-04-06 23:06

CSS学习笔记(选择器)

标签选择器:h1{font-weight:normal;color:red;}类选择器:类选择器在css样式编码中是最常用到的，如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。语法：.类选器名称{css样式代码;}注意：1、英文圆点开头2、其中类选器名称可以任意起名（但不要起中文噢）使用方法：第一步：使用合适的标签把要修饰的内容标记起来，如下：胆小如鼠第二步：使用clas
info_gu·2020-04-06 05:19

CSS学习随记

CSS基础语法CSS主要由两部分构成：选择器、一条或多条声明selector{declaration1;declaration2;...declarationN}选择器通常是您需要改变样式的HTML元素每一条声明是由一个属性和值组成（属性：值）例：h1{color:red;font-size:14}若值为若干个单词要加双引号多重声明注意空格的使用、大小写尽可能的严谨，尤其是class和idCSS高
Finger_s·2020-04-06 04:34

css学习笔记之选择器

1class和id的使用场景class用来标识一类标签，即拥有相同属性的标签。id是用来标识唯一性。全局唯一。2CSS常见选择器常见的选择其主要分为5种：基本选择器选择器含义*通用元素选择器,匹配页面上的任何元素#idid选择器,匹配id元素.class类选择器,匹配class元素也包括class内部的子元素element标签选择器举例说明：基本选择器组合选择器E和F表示基本|选择器|含义||--
IsGirl·2020-04-05 16:20

大瓜兴跟着李南江学HTML5—CSS学习

学完HTML标签后，接着学习CSS的相关内容，而学习CSS，一共分为两大部分，一个是CSS属性，一个是CSS选择器，所以说，学习完了这两部分，你就学习完了CSS。CSS属性主要学习了文字属性，文本属性和颜色属性，结合之前学习的HTML标签，给标签内容添加基本的样式。CSS选择器主要学习的选择器的分类：有标签选择器、id选择器、类（class）选择器、后代选择器、子元素选择器、交集选择器、并集选择器
大瓜兴·2020-04-04 15:22

我的前端学习历程

阅读目录Jquery基础知识准备CSS学习与技巧代码优化总结[回到顶部]z(http://www.cnblogs.com/y
王钰峰·2020-04-04 12:48

2.CSS

CSS学习网站：http://www.w3school.com.cn/css/index.aspCSS有三种书写形式：行内样式(内联样式)，直接在标签style属性中书写我是段落标签p页内样式Titlep
芝麻酱的简书·2020-04-04 06:00

HTML+CSS学习笔记（5）- 与浏览者交互，表单标签

1、使用表单标签，与用户交互网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。语法：讲解：1.：标签是成对出现的，以开始，以结束。2.action：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。3.method：数据传送的方式（get/post）。用户名:密码:注意:1、所有
王隆帅·2020-04-04 00:23

2.CSS学习笔记

在学习之前需要对HTML知识有基本的了解。主要是用来对HTML的元素进行美化的，所以以下只是一个便于查阅的阅读材料。1.是什么CSS指层叠样式表(CascadingStyleSheets)，所谓的层叠就是指多个样式可以共同修饰一个html元素（标签）。样式定义如何显示HTML元素样式通常存储在样式表中，是为了解决内容（HTML）与表现（CSS）分离的问题。体现编程耦合低的思想。外部样式表可以极大提
Vincilovfang·2020-04-03 15:27

CSS学习日记一

1.块级元素和行内元素块级元素单独占据一行，不与其他元素在一行。行内元素能和其他元素在同一行内，且行内元素盒子的宽和高等于里面所填内容的宽和高。2.css盒子模型为块级元素设置背景颜色background时，内边距padding部分也会变为背景色。border的颜色是单独设置的。使用规范border:宽度线条类型颜色，border:1pxsolid#cccccc；border默认是没有的。marg
softbone·2020-04-03 09:46

亲爱的小强跟着李南江学习HTML5-CSS学习

亲爱的小强跟着李南江学习HTML5-CSS学习在熟悉了常用的标签之后，李南江老师便逐渐由浅入深地带我们进入了HTML5中CSS的学习，还记得在前些日子，拿好多标签练习并奇思妙想的搞出了好多小东西，可是单单依靠标签还是很难做出一些样式唯美画面和整齐排列的框架啊
亲爱的小强·2020-04-02 19:48

HTML+CSS学习笔记 (12) - CSS布局模型

css布局模型清楚了CSS盒模型的基本概念、盒模型类型，我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是CSS最基本、最核心的概念。但布局模型是建立在盒模型基础之上，又不同于我们常说的CSS布局样式或CSS布局模板。如果说布局模型是本，那么CSS布局模板就是末了，是外在的表现形式。CSS包含3种基本的布局模型，用英文概括为：Flow、Layer和Float。在网页中，元素有三种布局
王隆帅·2020-04-02 16:21

CSS学习笔记（一）

固定格式：标签名称{属性名称：属性值}一、文字属性1、文字样式的属性：font-style:italic;快捷键：fs+tabfont-style:normal;快捷键：fsn2、文字粗细font-weight:bold;快捷键fwb+tab单词取值：bold加粗bolder更粗快捷键fwbr+tablighter细线，默认就是细线（数字取值：1~100）3、文字大小font-size:10px快
fight_·2020-04-02 14:38

CSS学习笔记及案例（第二周）

CSS一、CSS简介1、什么是CSSCSS：CascadingStyleSheet层叠样式表是一组样式设置规则，用于控制页面的外观样式2、为什么使用CSS实现内容与样式的分离，便于团队开发样式复用，便于网站的后期开发维护页面的精确控制，让页面更精美3、CSS作用页面外观的美化布局和定位二、基本用法1、CSS语法选择器{属性名：属性值；属性名：属性值；}选择器：要修饰的对象（东西）属性名：修改对象的
wsgjm1314·2020-04-01 16:16

CSS学习

一、html中的容器级标签和文本级标签，1.容器级标签可以嵌套其它所有的标签常见的容器级标签:divhuloldllidtdd2.文本级标签:只能存放文本、表单和图片、超链接常见的文本级标签spanpbuisstrongeminsdel二、CSS中的块级元素和行内元素块级标签:在html中``````等就是块级标签块级标签的三个特点:1.一个块级标签元素独占一行2.元素的高度宽度行高以及顶部和底部
流星大石头·2020-04-01 13:02

html+css学习笔记009-定位

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终重感情的人总是被伤害重感情的人害怕改变重感情的人总想自己的爱人、朋友、同事都能好好的重感情的人，狠不下心去批评别人的错误重感情的人，总是想无限制的去包容身边的人重感情的人，其实只是希望大家都好只是太过于包容却让身边的人习惯了纵容的滋味最后的结果，却总是和愿望相反最后，一切的不是，一切的坏，都是自己承担
Mr柳上原·2020-03-31 23:02

clearThh跟着李南江学习HTML5—CSS学习

1、从html到css经过了html的学习之后，在基本掌握了一些编写企业开发中需要的标签之后我开始了给标签添加样式的学习，让自己的标签不再是那么单调，可以给网页赋予颜色，字体的大小，网页的布局，网页的布局从李南江老师所教给我的就是一定要先分析一个网页他的一个整体的布局是什么样的，比如我们的网页就像一个大盒子，大盒子中拥有很多小盒子，我们可以通过css来给这个小盒子进行定位布局，让这些小盒子居左居右
clearThh·2020-03-29 15:18

HTML+CSS学习笔记（1） - Html介绍

1、代码初体验，制作我的第一个网页制作我的第一个网页Helloworld2、Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加
王隆帅·2020-03-28 17:16

CSS学习

什么是CSS：层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式。CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。盒子模型：盒
riyir·2020-03-28 14:00

CSS学习总结

学了有一小段时间前端了，今做个CSS的总结！目录：CSS简介CSS语法CSS选择器CSS引入方式CSS背景CSS文本样式CSS字体样式CSS链接CSS需注意的问题CSS简介详情见CSS入门基础总结*CSS指层叠样式表(CascadingStyleSheets)*样式定义如何显示HTML元素*样式通常存储在样式表中*把样式添加到HTML4.0中，是为了解决内容与表现分离的问题*外部样式表可以极大提高
蔡镇泉·2020-03-28 10:46

au_kate跟着李南江学习HTML5—HTML学习

au_kate跟着李南江学习HTML5-CSS学习经过十多天的学习，到现在已完成了HTML的基础学习，对于H5，我完全是零基础。通过朋友的介绍，我报名了李南江老师的前端课程。
au_kate·2020-03-27 21:03

HTML+CSS学习笔记 (9) - CSS的继承、层叠和特殊性

继承CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。p{color:red;}三年级时，我还是一个胆小如鼠的小女孩。可见右侧结果窗口中p中的文本与span中的文本都设置为了红色。但注意有一些c
王隆帅·2020-03-27 20:35

CSS学习1

css背景：背景色可以使用background-color属性为元素设置背景色。这个属性接受任何合法的颜色值。p{background-color:gray;padding:20px;}//padding内边框属性背景图像要把图像放入背景，需要使用background-image属性。设定情况例子background-image属性的默认值是none表示背景上没有放置任何图像body元素设定背景图
风林山·2020-03-27 15:25

div+css学习02

1.对一个div:line-height与height值相等的话，就是垂直居中2.divcss宽度width样式属性对于div:width:50%百分比可以，但height:百分比就不行3.对于自己（div）text-align:center;//让自己的文本居中margin:0auto;//让自己居中4.text-align和align的区别：align：规定div元素中的内容的水平对齐方式。t
廖马儿·2020-03-27 09:11

Sky_Boss跟着李南江学习CSS—CSS学习

通过HTML的练习铺垫，CSS的知识点虽然比HTML的知识点深入了,但是通过江哥的讲解也感觉米有压力，还是可以很快的懂得其中的含义。初识江哥讲解的CSS课程，让我知道了“CSS指层叠样式表（CascadingStyleSheets）”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等，CSS并不是一个完整的独立版本而是将不同的功能拆分成独立模块（例如，选择器模块，盒模
Sky_Boss·2020-03-26 11:56

小泽跟着李南江学习HTML5 CSS学习

小泽跟着李南江学习HTML5CSS学习在大学期间有学过一些HTML5基础，也做过一些静态页面的项目，但项目中遇到的问题没有得到及时的解决和一些要用到知识概念还有些模糊不清。
小泽马狸鸭·2020-03-26 11:28

HTML+CSS学习笔记 (13) - CSS代码缩写，占用更少的带宽

盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下：margin:10px15px12px14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:1、如果top、right、botto
王隆帅·2020-03-26 07:20

呵呵55555跟着李南江学习HTML5—CSS学习

通过对CSS的学习，我只记住是江哥的一句话那就是，HTML是修改文本语义的而CSS是修改样式的，也就是说CSS就是美化网页的，CSS的学习一共分为两大部分，一个是CSS的属性，另一个是CSS选择器。选择器包括三大基本选择器，标签选择器，类选择器和id选择器，以及由三大基本选择器延伸出的后代选择器，子元素选择器，交集选择器，并集选择器，兄弟选择器，属性选择器，序选择器和通配符选择器。江哥先带着我们从
呵呵55555·2020-03-26 01:14

iOS开发html+css学习之子元素的伪类

/*为第一个p标签设置一个背景标签:first-child可以选中第一个子元素:last-child可以选中最后一个子元素//body>p:first-child{background-color:yellow;}*//*p:last-child{background-color:green;}*//*:nth-child(index)可以选中任意index位子的元素，1开始index该选择器后边
程序大猩猩·2020-03-25 16:35

html+css学习笔记006-伪类

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终自信与骄傲有异自信者常沉着而骄傲者常浮扬想起老家有句俗话满罐子不荡，半罐子一直荡不要因为一点小小的成功而骄傲自满前端的路上还没有入门我还没有资格对不起，对自己说前端59期学员作业/*内部样式表*/a:link{/*a标签未被点击时的效果*/}a:hover{/*a标签划过时的效果*/}a:active
Mr柳上原·2020-03-25 02:56

大白蔡和李南江一起学习html5——css学习感想

前面说到了html5，今天我想说一下css。我也是刚学了css的。但是我个人觉得css要比html5难。我到现在都没搞懂。估计是我的基础太差了吧。学css开始是学选择器，老师大概讲了六七种。但是我有一半没听懂。因为比较多，这就导致了我遇到问题是不知道该用哪种选择器。而且课程比较快，我接受能力可能比较慢吧。所以不是很懂。然后老师又陆续讲了浮动，定位，以及动画模块。这样我就更不懂了。由于晚上熬夜比较晚
大白蔡丫·2020-03-24 22:59

[CSS学习笔记] 粘性固定 position:sticky

在研究rem布局时，无意中看到网易新闻移动端首页的导航栏用上了一个CSS3的属性粘性定位position:sticky，它是相对定位（position:relative）和固定定位（position:fixed）的混合。使用它，我们不再用监听scroll事件，即可实现导航栏滚动绝对定位的效果。网易新闻首页效果基本用法nav{position:sticky;top:10px;/*阈值*/}top/b
这名字真不对·2020-03-24 22:45

html+css学习笔记021-结业（静态网站布局-努比亚）

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终不要忘记自己当初学前端的目的......html部分：前端59期html+css结业《努比亚商城》.│?/│Shift││↑││1│2│3││├─────┬──┴─┬─┴──┬┴───┴───┴───┴───┴───┴──┬┴───┼───┴┬────┬────┤┌───┼───┼───┐├───┴─
Mr柳上原·2020-03-24 00:50

小猪猪跟着李南江学习CSS学习

CSS学习的是样式，可以让整个页面都变得非常丰富，特别是可以有动画的过程。而且江哥在后面给我们亲自上课，我们非常的兴奋,果然江哥本人亲自来讲课比只看视频差别大多了。
小猪猪_6bb9·2020-03-23 08:39

科比菜哥跟着李南江学习HTML5—CSS学习

在html学习之后便开始进入CSS学习了。以前我不是很懂CSS之于制作网页的重要性。可是听了江哥讲课之后我仿佛有了顿悟！html标签是给文本添加语义，而css也有自己的职责——它便是负责网页的样式的。
科比菜哥·2020-03-23 04:34

疯狂的小粉猫跟着李南江学习HTML5_css学习

在这20天里有学习了“css”，用我们同学的话说，css有着非常强大的功能，无所不能，比如比较酷炫的2D3D动画，看着做出来的感觉这的好激动，在css的学习当中，遇到的困难还比较多的，比如记得属性比较多了，当然也会有记混和忘记的时候，但是我们南江老师和邹老师也经常安慰和告知我们想记住这些属性最好的办法就是经常练习，用的多了，记得也就多了。比如：块级元素：divul(ol)liPh1、h2、h3.。
疯狂的小粉猫·2020-03-23 03:10

css基础 2018-04-10

CSS学习资源Google:关键词MDNCSSTricksGoogle:阮一峰css张鑫旭
H_uan·2020-03-22 19:49

html+css学习笔记008-浮动0清除浮动

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终我是一个很皮的人明知道不好的事做了会有坏处的事非要去皮一下快三十的人却总是管不住自己的皮性无数次的皮无数次的让别人帮我收尾无数次的继续皮为何总是不会三思而后行前端59期学员作业/*内部样式表*/float:left;/*浮动：left左right右*/clear:left;/*清除浮动：left左ri
Mr柳上原·2020-03-20 17:08

CSS学习笔记（五）

背景图片1、backgroud-image：url（）属性专门设置背景图片2、backgroud-repeat：属性取值：repeatno-repeatrepeat-xrepeat-y3、背景图片和背景颜色可以共存背景图片会盖住背景颜色4、控制背景图片的位置backgroud-position：righttop；4.1取值具体的方位名词：水平方向：leftcenterright垂直方向topcen
fight_·2020-03-20 01:51

CSS选择器详解

选择器是css学习中非常重要的概念，今天和大家分享的就是css选择器的使用，一起来看看吧。
突然自我·2020-03-18 21:31

青橙1跟着李南江学习HTML5—CSS学习

学习完html之后我就迫不及待地开始了css的学习。心急吃不了热豆腐，还是跟着江哥一步一个脚印地来。CSS可以给给html设置文本样式、背景、边框、对齐等格式，无论形式如何，直接上代码，不断地敲代码才是王道，才能让我更快地进步。江哥从css“体验”带领我入门，最开始的样式都是通过元素属性来表示，但是元素太多，如h、p、table等标签，属性层出不穷，记忆困难，让我的页面非常杂乱，CSS的出现，改变
青橙1·2020-03-18 17:26

iOS开发html+css学习之绝对定位

.box1{width:200px;height:200px;background-color:red;}.box2{width:200px;height:200px;background-color:yellow;/*当position属性值设置为absolute时，则开启了元素的绝对定位绝对定位：1.开启绝对定位，会使元素脱离文档流2.开启绝对定位以后，如果不设置偏移量，则元素的位子不会发生变
程序大猩猩·2020-03-16 15:17

轻风设计跟着李南江学习HTML5—CSS学习

第一次见到李南江老师的名字，源自于网易云课堂上的H5开发视频，临时起意点击了试听课程，江哥独特的声线，高亢的嗓音，幽默的授课风格，立马给我打了一针鸡血，听得热血沸腾，从此一发不可收拾。自那以后，每天都会去听江哥讲课，听不到他声音就浑身不舒坦。渐渐地开始了解到广州小码哥，那时起，就决定要去小码哥跟着江哥学习。如今来到小码哥学习将近半月了，HTML基础与CSS基础皆已经学习完毕，这其中收获不少，也遇到
轻风设计·2020-03-16 13:54

DIV+CSS学习 -- 太极图☯️

Document#t1{width:100px;height:100px;background:orange;border:2pxsolidblack;border-radius:50px;}#t2{width:100px;height:50px;border:2pxsolidblack;border-radius:50px50px0px0px;}#taiJiImage{width:100px;h
GA_·2020-03-15 23:10

废话不多说直接跟着李南江学习HTML5—CSS学习

在学完江哥讲的HTML之后，自己觉得还算比较简单，相对于HTML，CSS要稍微难一点，需要理解和记得东西也就会多一点。刚开始我们接触和学习了文字属性，有规定文字样式、粗细、大小、字体的属性；还学了文本属性，有文本装饰、文本水平对齐、文本缩进、color属性；后面又接触了各类选择器，有标签选择器、id选择器、类选择器、后代选择器、子元素选择器、交集选择器、并集选择器、兄弟选择器、序选择器、属性选择器
废话不多说直接·2020-03-15 23:57

css学习笔记

table元素border-collapse:collapse去掉默认边框align属性，这个属性是div的属性，并不是css的样式,可以让div中的内容进行对齐background详解background-image,背景图片可以有多个，“，”隔开，多个图片由上向下显示background-image:url(top-image.jpg),url(bottom-image.jpg);backgr
亲爱的孟良·2020-03-13 07:21
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他