HTML&CSS学习第19页

CSS布局小技巧及CSS学习资源

左右布局左中右布局水平居中垂直居中左右布局利用float实现左右布局给所有子元素加float:left给父元素加clearfix类，清除浮动html代码左边右边css代码body{margin:0;}.clearfix::after{content:"";display:block;clear:both;}.wrap{width:1000px;margin:50pxauto0;}.left-box

xyyojl·2020-03-12 08:58

李银杰跟着李南江学习HTML5—CSS学习

在紧张的时间中跟着南江哥学完了html，虽然自己的时间比较紧迫，不过感觉学到了很多东西，看了南江哥的视频后收获很大，南江哥的视频质量和视频内容真的没得说，是我看过的最好的视频。马上就进入CSS的学习了，希望自己跟着江南哥能更进一步，也非常有自信学好html和css。下面就开始css的学习吧。1.文字相关属性：指定文字样式：font-style：（italic倾斜的）（normal正常的）规定文字粗

_twoDog·2020-03-12 07:16

CSS学习笔记2016/6/11

1.CSS基础语法和高级语法。2.CSS派生选择器：派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使HTML代码变得更加整洁。比如：你希望列表中的strong元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器：listrong{font-style:italic;font-weight:normal;}在上面的例子中，只有li元素中的str

小锋子_Gruad·2020-03-11 19:21

CSS学习心得（二）

CSS字体字体系列（font-family）font-family属性应该设置几个字体名称作为一种"后备"机制，如果浏览器不支持第一种字体，他将尝试下一种字体。如果字体系列的名称超过一个字，它必须用引号，如FontFamily："宋体"。p{font-family:"TimesNewRoman",Times,serif;}对于较常用的字体组合，看看我们的Web安全字体组合字体样式（font-sty

yohn·2020-03-10 10:29

CSS学习总结（一）

引言：这是我自学HTML+CSS+JS当中的关于CSS的文章，主要是为了自我学习和提升，如有不妥之处，欢迎指出。CSS选择器：类选择器：【.class{color:red;}】【.class.class{background:silver;}】【p.class{color:red;}】ID选择器：【#id{color:red;}】属性选择器：【[title{color:red;}]】【a[href

苗老大·2020-03-09 05:00

web前端——css学习

问题什么是css?为什么会有css？css和HTML怎么样结合？css(what)这是W3School给的定义W3school的定义**百度百科**：CascadingStyleSheets(层叠样式表缩写)。是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格

袋袋_Deken·2020-03-09 00:35

CSS学习资源

基础篇CSS最核心的几个概念CSS简写指南CSS样式基础CSS样式设置CSS布局模型CSS文字排版你不得不知道的CSS字体那些事儿CSS中的颜色值和长度值CSS选择器分类30个你必须记住的CSS选择符CSS元素分类浅谈CSS伪类分类进阶篇CSS专业技巧收集CSS小技巧CSS代码优化CSS的继承、层叠、特殊性和重要性CSS的使用中你可能不知道的7件事Web开发中20个很有用的CSS库11个学习CSS

花括弧·2020-03-08 16:53

css学习笔记之常见样式

1块级元素和行内元素区别1差异块级元素可以包含行内元素和块级元素行内元素只能包含文本和行内元素块级元素占据一整行行内元素占据自身宽度空间宽高,边框设置的差异eg:宽高边框差异2对应的元素块级元素】：divh1h2h3h4h5h6phrformuldlolpretablelidddttrtdth行内元素：emstrongspanabrimgbuttuninputlabelselecttextarea

IsGirl·2020-03-08 09:00

html 和 css学习

看了一些资料和教学视频html主要负责显示元素，css负责控制样式。常见的html控件div块，占满父元素宽度的矩形控件img展示图片p段落文本h1-h6各级标题a链接这是一个链接meta标签定义了网站的相关信息为搜索引擎定义关键词:为网页定义描述内容:定义网页作者:每30秒钟刷新当前页面:table实例row1,cell1row1,cell2row2,cell1row2,cell2常见css属性

云飞扬iOS·2020-03-07 21:27

我的前端学习历程 - 草稿

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

王钰峰·2020-03-07 20:40

王奥跟着李南江学习HTML5-CSS学习

相对于我学习HTML5来说，CSS的学习肯定要复杂一些，因为之前在看江哥视频的时候基本上每个视频都要说等我们学习CSS来控制样式会怎么怎么样，当时是就觉得CSS很强大啊，对CSS是充满了好奇，果不其然，在学习CSS的时候内容比之前多了好多，他能够让我们的页面变得更加生动美丽，确实也想把他给学好，在学习过程中困难还是有的，就是好多东西都记不住，而且页面的样式可以有好多种方法，不知道自己该去用哪一种做

王奥WAO·2020-03-07 20:10

CSS学习笔记－图片img与父元素div之间的间隙解决

前言之前在写网页的时候有一个展示图片的需求,我使用一个div包裹一个img,但是在浏览器中预览的时候碰到了一下的问题,仔细看,图片和div之间有间隙。下面贴上简易的代码.content{float:left;margin:100pxauto;background:pink;}我外层容器content设置浮动,按浮动元素会收缩的原理,本不应该出现这条粉色的间隙,但为什么这里会有呢？之后去网上查了一下

_咸鱼君·2020-03-07 01:59

小米商城秒杀页面仿写（html与css学习）（静态页面）

王子病12·2020-03-06 20:25

CSS选择器

CSS学习笔记一、CSS选择器0.通配符通配符是全局的设定的CSS样式，也就是设置了之后整个界面都会采用的样式。

Medivh·2020-03-04 04:24

CSS笔记

-CSS学习:1.类选择器和id选择器的区别和使用,id选择器只能够用一次,类选择器可以用多次,使用方法是一致的.2.css样式的优先级,外部li子类选择器5.a:hover{color:red;}伪类选择符鼠标滑过显示的效果样式

ChangeWorld·2020-03-03 19:38

高帆跟着李南江学习HTML5—CSS学习

刚刚学完html的一些基础标签后，立马转入css的学习，在跟着江哥学习完10大标签选择器后立刻就懵逼了，不知道该什么时候选择何种标签选择器，一开始尽量强行记住，很快就忘了，后来江哥带我们做后面的各种项目时，时常利用到前面学的标签选择器，慢慢的自己也就熟练了，知道什么时候该用哪个标签选择器能展示想要的效果和更加能简化代码的编写量，自己也慢慢意识到这些知识就是在了解后，反复的使用中加深自己的印象。接下

Ryan_Leon·2020-03-03 09:48

定时器跟着李南江学习HTML5—CSS学习

html的各种标签解释的如此明白透彻，如此的简单明了、面面俱到，那么CSS就是让我懂得了一个网页的布局，成型，以及拿到一个网页是如果入手。江哥有句话是我一直铭记在心的，就是html只修改语义，CSS只修改样式。首先来说CSS主要有两大块的内容，1是css的选择器，2是css的属性，江哥先从CSS的继承性，层叠性，优先级的三大特性慢慢的给我引出css的各种属性和选择器，网页的布局就是div+css，

定时器·2020-03-03 01:41

soeasysphappy跟着江哥学习HTML5-CSS学习

soeasysphappy跟着江哥学习HTML5-CSS学习在这2个星期的学习中除了html5的学习，我们还学习了css的基本样式，在写网页的过程，样式是很重要的一个方面，而在这个学习过程中，我感觉最难的就是这个网页的布局

soeasysohappy·2020-03-02 14:09

HTML+CSS学习笔记 (10) - CSS格式化排版

文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设

王隆帅·2020-03-02 09:59

html + CSS学习笔记 1.padding关键字

1、CSS功能margin：用于设置外边距；而padding用于设置内边距。这个表格单元的每个边拥有相等的内边距。效果如图：这里我们是为.(单元格)设置的padding属性。那么它的内边距指的就是它与表格外边框的距离都是30px。注：(px是像素的意思)。有的时候我们可以这样进行设置。，此时设置的内边距则不相等。【注意：这四个内边距的值分别是上、右、下、左，要熟记哦！】而又有的时候，我们又不需要每

lain355·2020-03-02 02:48

iOS开发html+css学习之伪类选择器

/*伪类专门用来表示元素的一种的特殊的状态比如：访问过的超链接，比如普通的超链接，比如获取焦点的文本框当我们需要为处在这些特殊状态的元素设置样式试，就能使用伪类*//*为没访问过的链接设置一个颜色为绿色:link-表示普通的链接（没访问过的链接）*/a:link{color:yellowgreen;}/*为访问过的链接设置一个颜色为红色:visited-表示访问过的链接浏览器是通过历史记录来判断一

程序大猩猩·2020-03-01 17:36

iOS开发html+css学习之常用选择器

/*为页面中的所有的p元素，设置一个字体颜色为红色元素选择器作用：通过元素选择器可以选择页面中的所有指定元素语法：标签名{}//p{color:red;}h1{color:yellow;}*//*id选择器-通过元素的id属性值选中唯一的一个元素-语法：#id属性值{}*/#p1{font-size:50px;}/*类选择器-通过元素的class属性值选中一组元素-语法：.class属性值{}*/

程序大猩猩·2020-03-01 08:27

3.CSS 学习笔记第三节/字体属性和文本属性

CSS学习笔记第三节/字体属性和文本属性1.字体下面开始详细的属性介绍,Let'srockandrollfont-family这个是设置字体的.例如:设置为宋体,微软雅黑.幼圆等等.

毛毛家的大熊·2020-03-01 06:45

html+css学习笔记1（Visual Studio Code 安装与使用，快捷键）

vscode下载地址：https://code.visualstudio.com①点击链接进入官网下载：②点击.exe文件不断点击下一步完成安装：汉化VScode:下载好的VScode是英文版本，需要我们设置为中文：①点击扩展;②在搜索框输入chinese,点击安装，重新启动VScode后生效：VScode常用插件（部分）：安装方式与上述汉化过程相同。①openinbrowser右击html文件选

欣欣~·2020-02-29 17:43

html+css学习笔记004-元素选择器0背景属性

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终零基础刚开始的时候很难不仅仅是因为第一次接触代码还有生活的压力、年龄的压力我问一个只有高中学历，当兵退伍回来，年纪比我大很多的朋友，你是怎么学成前端的“没有其他方法，坚持下来就好了。”现在在阿里巴巴上班的朋友如是说道。原来成功如此简单，坚持就好了前端59期学员作业/*内部样式表*/*{/*通配符选择器

Mr柳上原·2020-02-28 23:28

CSS学习

css基础首行缩进text-indent:2em;页面布局常见命名规范头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：leftrightcenter登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：

jimmychann·2020-02-28 22:29

iOS开发html+css学习之IE6的浮动双倍边距问题

*{margin:0;padding:0;}/*IE6的双倍边距bug在IE6中，当为一个向左浮动的元素设置一个左边距或是为一个向右浮动的元素设置右边距时这个外边距将会是设置的值的两倍*/.box1{width:100px;height:100px;float:left;/*添加一个样式来解决ie6的双倍边距问题对于一个浮动元素来说设置display:inline没有任何意义但是该属性可以解决IE

程序大猩猩·2020-02-28 19:58

CSS学习笔记（十）--定位

使用display属性改变生成的框的类型通过将display属性设置为block，可以让行内元素（比如元素）表现得像块级元素一样。还可以通过把display设置为none，让生成的元素根本没有框。这样的话，该框及其所有内容就不再显示，不占用文档中的空间。CSS定位机制CSS有三种基本的定位机制：普通流、浮动和绝对定位position属性值的含义：static元素框正常生成。块级元素生成一个矩形框，

五秋木·2020-02-28 05:18

恰同学少年-跟着李南江学习HTML5-css学习心得

小马哥的基础班学习马上就要结束了，我也从一个前端开发纯小白变身为准入门，在大学毕业之后的又一次学习生涯中，我又再一次品尝到学习的乐趣。虽然，这其中也有辛苦与汗水，但是走到今天，我只能说，我不后悔！趁今天有空，我想在这里说说我在小马哥学习CSS的一些感受，也希望借此可以给对前端技术感兴趣但还没有入门的同学一些勇气。css层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现h

恰同学少年_e5d7·2020-02-26 22:41

CSS学习笔记之选择符

类型，类和ID选择器带有空格的字体名称要用''引起来对选择器分组可使同一规则适用于多个选择器，例子如下th,td{padding:010px00;}选项的优先级h1{font-family:'TimesNewRoman',serif;}//先选用前者，没有前者，再使用后者类型名与类名中间不应有空格div.btn-success通用选择器*，适用于文档所有元素*{font-family:Arial;

suemi·2020-02-26 22:32

html+css学习笔记007-样式优先级0外链css样式表

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终心比天高手如残废刚学习前端的时候理解较快老师布置的课后作业都能飞快完成于是蜜汁自信觉得前端不过如此越深入的去学习才发现自己是多么的井底之蛙前端59期学员作业/*内部样式表*//*选择器优先级*/*{}div{}.box{}#box{}/**class选择器个数>元素名选择器个数*//*选择器使用原则：

Mr柳上原·2020-02-26 19:17

Mr.Woo跟着李南江学习HTML5—CSS学习

在学习完江哥的HTML的视频之后，接下来要学习的就是CSS的视频了。说实话，这段时间的学习给我感觉很充实，很满足。对于css这一part，我个人认为，在学校的学习中好多是我自身学不到的，而且也是难理解的，所以我从一下几个方面来讲讲：第一css选择器。在学校的学习过程中css选择器这方面给我感觉就是最烦躁的，最乱的。但是在江哥的教学中，很清晰的给我理了条思路，让我记住了每种选择器的作用用途，而且还要

MrWoo·2020-02-26 15:35

CSS学习之CSS基础

标签：前端css样式CSS样式css全称为"层叠样式表(cascadingstylesheets),主要用于定义HTML内容在浏览器内的显示样式,如文字大小,颜色,字体加粗等.exampleimage_1bm6p7kdsndd1acjrqstkt10p9.png-11.7kB效果image_1bm6p8dllgjb1u2b12nd1h14130tm.png-12.1kBCSS样式的优势css样式可

TheLiar2017·2020-02-26 10:39

CSS学习之 Normal Flow

目录名词概念块级元素行内元素脱离文档流参考名词直译普通流又称文档流概念块级元素从上至下/行内元素在每行中按从左至右的依次排放元素即为文档流块级元素p、h1、div、ul、ol、li、table、formdisplay为block的元素行内元素a、img、span、inputdisplay为inline的元素脱离文档流floatposition:absolute/fixeddisplay:none参

诺之林·2020-02-25 22:04

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

在紧张和压力山大的HTML学习结束后,我们接下来就开始了CSS的学习,CSS的作用就是给文本添加语义的,我自己在学习的过程中遇到的最大的困难就是英语基础才,对CSS中的属性根本就记不住,对老师讲的课程基本都能了解(理解力还是完胜的),就是轮到自己做的时候就蒙蔽了!所以在每天都充实的课程中,我学习的非常吃力,每天要把作业写了(写的比较慢),还要把视频中的代码敲完,自己还要把上课时视频中的新知识点用笔

码踏军临·2020-02-25 11:20

前端基础的学习方法

我们要分类分重点学习分类以了解CSS能做什么先学重点动画背景边框和轮廓盒（框）颜色定位字体生成内容列表外边距内边距定位表格文本2D/3D转换过渡用户界面用jsbin快速学习一个属性CSS比HTML多了一些概念盒模型布局CSS

从前慢pearl·2020-02-24 06:03

CSS学习笔记——盒模型属性

通俗来讲，CSS（层叠样式表）在修饰HTML（超文本标记语言）时，会假定HTML文档元素会形成一个矩形的文档框，而此矩形框可以将HTML文档元素包裹在内，类似于将物品装进盒子中保存，这就是CSS中盒模型的通俗概念。而对于HTML的文档盒子，可以从内到外分为四个部分：内容区（content）、填充区/内边距（padding）、边框（border）、外边距（margin）。（上图是CSS中盒模型的图示

前端老Chen先生·2020-02-23 22:54

HTML与CSS学习 demo9

HTML与CSS学习这篇笔记主要讲了HTML5和CSS3的新特性HTML5新增了语义化标签，多媒体标签，input表单CSS3新增了属性选择器，结构伪类选择器(child类型，of-type选择器)，伪元素选择器

菜鸟小铭·2020-02-23 12:04

iOS开发html+css学习之overflow

.box1{width:200px;height:200px;background-color:#bfa;/*子元素默认是存在于父元素的内容区中，理论上讲子元素的最大可以等于父元素内容区大小如果子元素的大小超过了父元素的内容区，则超过的大小会在父元素以外的位子显示超出父元素的内容，我们称为溢出的内容父元素默认是将溢出的内容，在父元素外边显示，通过overflow可以设置复原乳和处理溢出的内容：可选

程序大猩猩·2020-02-23 00:44

CSS学习1（结构和层叠）

继承(Inheritance)是从一个元素向其后代元素传递属性值所采用的机制。确定应当向一个元素应用哪些值时，户代理不仅要考虑继承，还要考虑声明的特殊性，另外需要考虑声明本身的来源。这个过程就称为层叠(cascade)。本章将讨论这3种机制之间的关联：特殊性、继承和层叠。特殊性实际上，可能同一个元素可以使用两个或多个规则来选择，每个规则都有其自己的选择器。显然，每一对规则中只有一个胜出，因为所匹配

exialym·2020-02-22 15:00

day22-作业

代码：DAY2:HTML和CSS学习目标1.表单标签2.表单标签(下拉和多行文本域)3.空白标签4.认识CSS5.CSS选择器6.伪类选择器一、表单标签form标签：可以提交表单中收集的信息

七一欧·2020-02-20 01:03

前端学习(7)~css学习(一)：字体属性和文本属性

本文重要内容CSS的单位字体属性文本属性定位属性：position、float、overflow等CSS的单位html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。CSS中的单位是必须要写的，因为它没有默认单位。绝对单位1in=2.54cm=25.4mm=72pt=6pc。各种单位的含义：in：英寸Inches(1英寸=2.54厘米)cm：厘米Centimeters

Vincent-yuan·2020-02-18 20:00

html+css学习笔记010-垂直对齐0指针0透明

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终“年轻人犯情绪问题等于白痴”这是很久以前一位上司给我说过的话现在回头想想真正想要控制自己的情绪，真的好难耿直和老好人的性格无法达到平衡点稍微有点倾斜不是被人觉得是当枪使的白痴就是被认为是阴翳的小人生活就是这样阴晴不定前路茫茫前端59期学员作业/*内部样式表*/vertical-align:middle

Mr柳上原·2020-02-18 07:58

[CSS学习笔记] 高度自适应占位小技巧

CSS中padding/margin的小知识今天看到几篇关于css的一些运用的文章，讲的是当padding/margin值为百分比时，其值都是以其父元素的宽度为参照对象。也就是说，当取值为百分比时，padding-top/padding-bottom同样是以其父元素的宽度为基准计算的，这与我们的直觉相违背。当然了，CSS由规范文档定义，我们只需要了解并保证能够正确使用它。元素定位回想起上周做的仿首

这名字真不对·2020-02-17 21:41

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

开始学CSS的时候，已经系统的学习完了html，但是对于两者之间的练习，也有了更加深刻的理解。html是用来构建网页的基本机构，而CSS是用来修改网页的样式。CSS是通过各种各样的选择器配合html的标签来完成对网页整体构建。这一部分的学习也是通过看李南江老师的视频进行系统的详细的学习，李南江老师讲课很适合零基础学习的人，通过李南江老师的视频一定会对html和css有一个基础的认识，在后边的练习之

小Faker·2020-02-17 00:41

div+css学习

1.hack：砍，劈2.通常单独对一个div高度为百分比没有效果3.xml的组成文档声明元素元素的属性注释CDATA区特殊字符处理指令(PI:ProcessingInstruction)文档声明：出现乱码就是所用的编码和查询的码表不一致浏览器读取xml文件的时候，首先读第一句ANSI编码：美国国家标准学会编码CDATA区：CharacterData的缩写作用：吧标签当做普通文本内容语法：把'内容'

廖马儿·2020-02-16 20:24

CSS学习笔记（十一）--浮动

浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。float属性实现浮动行框和清理浮动框旁边的行框被缩短，从而给浮动框留出空间，行框围绕浮动框。因此，创建浮动框可以使文本围绕图像：ct_css_positioning_floating_linebox.gif应用clear属性，clear属

五秋木·2020-02-15 01:21

CSS：盒子模型（box）

盒子模型（CSS重点）css学习三大重点：css盒子模型、浮动、定位主题思路：目标：理解：能说出盒子模型有那四部分组成能说出内边距的作用以及对盒子的影响能说出padding设置不同数值个数分别代表的意思能说出块级盒子居中对齐需要的

jovelin·2020-02-14 09:31

【html&css学习】表单及表单项

表单在网络中很常见，如百度的搜索框，各种登录框密码，贴吧的帖子等都需要用表单来完成。表单是元素form且必须要有action属性来设置表单提交的地址。使用form创建的仅仅只是空表单，还有要表单项，常用的表单项有文本框（text），密码输入框（password），提交按钮（submit），单选框（radio），多选框（checkbox），下拉列表（select和option），文本域（textar

悟道小生·2020-02-10 13:00

JavaScript

［引用自］：CSS学习问答答：将样式和结构写在一起，也就是直接

百作不死的学习·2020-02-09 17:40

推荐频道

HTML&CSS学习