HTML&CSS学习

CSS学习笔记（无体系）

本章主要参考来源：W3C-CSSTutorialoutlinelikeborder；Eg:p{border:1pxsolidblack;outline:5pxdottedred;}fontEg:p{font:italic20pxVerdana;}=======================10.24============================selectornth-child(eve
琉木_·2020-02-09 00:59

oo哦oo跟着李南江学习HTML5-CSS学习

慢慢的，我们学到了css，css是用来与html配合使用，经过学习我知道在标签里添加样式是不合理，html是用来添加语义的，只有css才是用来添加样式，所以我们在打网页更应该坚持内容与样式分离。对于学习前端的人来说，css是必修的，学完html，学完css就证明你可以自己打一个完整网页的页面了。但是，在我看来，其中涉及的知识却很多，就拿css来说，其实，学习css说简单其实也很简单，说难也很难，简
oo哦oo·2020-02-06 08:26

CSS学习笔记（一）：选择器

选择器用与定位到具体的html元素上，并将样式应用于元素上面1.元素选择器元素选择器：文档(HTML、XML)的元素就是最基本的选择器,html所有元素如html、h1、h2、p都能作为选择器代码示例：html{color:red};h1{color:black};h2{color:green}选择器分组：用于将一组html元素应用同一个样式代码示例：html,h1,h2{color:red};类
CAaRrLl·2020-02-06 06:26

CSS——05-核心：盒子模型1

人生苦短，要学就只学有用的【前端教学-CSS-5】CSS核心-盒子模型盒子模型（CSS重点）css学习三大重点：css盒子模型、浮动、定位目标：理解：能说出盒子模型有那四部分组成能说出内边距的作用以及对盒子的影响能说出
BM老李·2020-02-03 22:00

Monster跟着李南江学习HTML5——项目总结

写在前面经过了半个月的HTML与CSS学习，我受益良多，让我感觉现在自己的基础更加的扎实，让我感觉到半个月前还属于初学者的我，现在已经是略有所成。
Mosnter·2020-02-02 22:53

CSS学习心得（三）

CSSMargin(外边距)简写margin:100px50px;表示上下边距100px，左右边距50px.CSSPadding（填充）简写padding:25px50px;同上。选择器分组选择器h1,h2,p{color:green;}嵌套选择器p{color:blue;text-align:center;}.marked{background-color:red;}.markedp{color
yohn·2020-02-02 18:09

CSS学习笔记(十一) CSS3新特性

这篇文章我们将会介绍CSS3中一些常用的新特性1、选择器（1）基本选择器基本选择器语法描述通配选择器*选择所有HTML元素元素选择器E选择指定类型的HTML元素id选择器#id选择id为指定值的HTML元素class选择器.class选择class为指定值的HTML元素（2）层次选择器层次选择器语法描述后代选择器EF选择所有E的后代元素F子代选择器E>F选择所有E的子代元素F相邻兄弟选择器E+F选
wsmrzx的博客·2020-01-31 23:00

css学习笔记之初识css字体样式属性

CSS初识CSS(CascadingStyleSheets)CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。CSS样式规则使用HTML时，需要
努力，就对了·2020-01-10 10:00

CSS学习笔记（一）--基本知识

CSS简介原名：层叠样式表(CascadingStyleSheets)作用：如何显示HTML元素存储位置：常存储在样式表中，在HTML页的头元素中，或在一个外部的CSS文件中。甚至可以在同一个HTML文档内部引用多个外部样式表。目的：解决内容与表现分离的问题同一个HTML元素被不止一个样式定义时，会使用哪个样式呢？浏览器缺省设置外部样式表内部样式表（位于标签内部）内联样式（在HTML元素内部）其中
五秋木·2020-01-08 15:34

CSS学习9（表布局）

表格式化我们先来看看组装表的基本方法，并了解表中的元素相互之间有什么关系。这称为表格式化。表的视觉编排CSS对于表元素和内部表元素有很分明的界限。在CSS中，内部表元素生成矩形框，这些框有内容，内边距和边框，但是没有外边距。因此，不能通过指定外边距来定义单元格之间的间隔。如果试图对单元格、行或任何其他内部表元素应用外边距，CSS兼容浏览器只会将其忽略（只有总标题例外）。使用display的不同值来
exialym·2020-01-07 13:20

iOS开发html+css学习之按钮 精灵图

/*做完功能以后，发现在第一次切换图片的时候，会发现图片有一个非常快的闪烁，这个闪烁会造成一次不佳的用户体验。产生问题的原因：背景图片是以外部资源的形式加载进网页的，流浪器每加载一个外部资源就需要单独的发送一次请求，但是我们外部资源并不是同时加载，浏览器会在资源被使用才去加载资源我们这个练习，一上来浏览器只会加载link.png由于hover和active的状态没有马上触发，所以hover.png
程序大猩猩·2020-01-06 06:06

HTML5—CSS学习

CSS可以分为4部分1.CSS样式1.文字属性格式：非连写--->font-family：设置文字的字体；例如：font-family:"宋体";font-size：设置文字的到大小；例如：font-size:16px;font-style：设置文字的显示风格；例如：font-style:italic/oblique;斜体/倾斜font-weight：设置文字的粗细；例如：font-weight:
白的吓人·2020-01-04 07:53

gg总有刁民gank朕跟着李南江学习HTML5—CSS学习

学习完了HTML，紧接着就进入了CSS的学习。HTML是负责给文本添加语义，CSS则是给非页面定义样式。CSS的重点在于需要掌握众多的属性和各类选择器以及它们之间的优先级问题。江哥讲课涉猎很广，让我印象比较深的是听他讲的边框属性这节课，在讲解边框时，他说的很细，把边框的每一边都分开来讲解，思路清晰，让人听的很清楚，其次拓展讲解，让我们跟着他一起在w3cschool上一起学习更为丰富的例子。在课程的
ded247062b34·2020-01-02 11:01

CSS学习3

字体：Css中有两种不同类型的字体系列通用字体系列-拥有相似外观的字体系统组合（比如"Serif"或"Monospace"）特定字体系列-具体的字体系列（比如"Times"或"Courier"）5种通用字体系列：Serif字体Sans-serif字体Monospace字体Cursive字体Fantasy字体各个属性说明：属性作用说明备注font-family指定字体系列代码1*font-style
风林山·2020-01-01 06:23

CSS学习7

框模型CSS框模型(BoxModel)规定了元素框处理元素内容、内边距、边框和外边距的方式。术语翻译element:元素。padding:内边距，也有资料将其翻译为填充。border:边框。margin:外边距，也有资料将其翻译为空白或空白边。元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任
风林山·2020-01-01 03:26

CSS学习笔记--伪类和伪元素

伪类和伪元素单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。根本区别在于是否创造了新的元素。伪类:link“链接”：超链接点击之前；:visited“访问过的”：链接被访问过之后；:hover“悬停”：鼠标放到标签上的时候；:active“激活”：鼠标点击标签，但是不松手时；:focus是某个标签获得焦点时的样式（比如某个输入框获得焦点）；:first-child选择某个元素的第一
小天狼星tyx·2019-12-31 16:00

小李跟着李南江学习HTML5—css学习

在学完HTML只后呢，感觉非常有成就感，自己做了一些小练习之后，感觉非常的开心。对HTML的学习也更加有信心了。接着就学习了CSS样式在学习CSS样式过程中，我遇到了一些小的问题，比如我对div布局刚开始听的不是特别的清晰，但是江哥讲的非常的耐心又用PPT一样一样的给我吗举例子。我多次的听江哥讲的视频，慢慢的一点一点在加上自己的练习终于搞懂了div的布局，尤其是在一些具体的练习之后，更加理解了di
李宏2017·2019-12-31 13:45

CSS学习总结

一、Flex-弹性盒布局弹性盒定义了子元素如何在弹性盒中布局。弹性盒常用属性1.flex-direction，设置主轴，定义了子元素在弹性盒中的位置row，设置主轴为从左到右，默认值。row-reverse，设置主轴为从右向左。column，设置主轴为从上到下。column-reverse，设置主轴从下往上纵向排列，最后一项在最上面。2.justify-content，子元素在主轴上的对齐方式。f
冰风v落叶·2019-12-30 16:20

postcss学习

安装任意目录npminit-yes使用这种方式，项目的名词一定不要和某些库的名词冲突，比如叫webpack，postcss，如果叫这个名词安装相关库时就会报ENOSELF的错误安装webpacknpmi--save-devwebpackwebpack-cli安装postcssnpmi--save-devpostcss安装相关loadernpmi--save-devpostcss-loader安装b
li4065·2019-12-29 12:18

L了个Y跟着李南江学习HTML5——CSS学习

Talkischeap.Showmethecode翻译一下就是我江哥的名言：废话不多说，直接上代码！！！小码哥官网江哥一、知识总结本来想把江哥讲的所有CSS相关基础知识全部整理出来，后来发现实在是太多，怕阅读困难，只能借用江哥的图片了，后来发现思维导图的效果比文字好太多了，江哥见谅啊，哈哈~O(∩_∩)O~哈哈温馨提示：以下图片较大，请右键保存桌面后，用照片查看器观看大图①CSS常见属性②CSS选
L了个Y·2019-12-26 19:55

html+css学习笔记001-常用标签

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终浑浑噩噩过了半生，三十岁才觉醒的我，能否发出照耀世界的光？前生未能尽力，余生请多指教未完待续......前端59期学员作业/*内部样式表*/div{width:100px;/*宽*/height:100px;/*高*/background:red;/*背景*/}src属性：./img1.png本文件夹
Mr柳上原·2019-12-26 17:31

CSS学习总结

CSS是一种通过定义某些样式，可以设置网页元素显示不同的字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。一、元素类型在CSS中，html中的标签元素大体可分为三种不同的类型：块状元素、内联元素和内联块状元素。内联元素（display:inline）内联元素又称行内元素，其特点为：1、和其他元素都在一行上；2、元素的高度、宽度、行高及顶部和底部边距不可设置；3、元素的宽度就是它包
_Lily·2019-12-26 14:40

CSS学习笔记（七）--CSS样式之列表与表格

1.列表无序列表ul.disc{list-style-type:disc}#实心圆ul.circle{list-style-type:circle}#空心圆ul.square{list-style-type:square}#方框ul.none{list-style-type:none}#无标识有序列表ol.decimal{list-style-type:decimal}#数字ul.decimal-
五秋木·2019-12-26 13:21

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

一css学习中的一些感想从html基础标签内容一下子过渡到css还是有一些不大适应，学习进度会加快，而且css的一些内容不怎么好理解。
guoz·2019-12-26 13:17

power17跟着李南江学习CSS-CSS学习

html是结构，css是样式，JavaScript是行为。在看完江哥HTML视频后，江哥又操着沙哑的嗓音带我们切css这道菜了！废话不多说，直接上代码。江哥给我们介绍了文字样式的控制、css特性、百度首页制作、2D转换模块、动画模块、3D播放器、多重背景的控制，就这样跟着江哥一步步的切，每个知识点都有实例，看着自己一个个小案例制作完成，满满的成就感，此刻的我感到胸前的红领巾迎风飞飘扬。通过实例的制
power17·2019-12-26 05:46

程序员之路 first record

关于对HTML+CSS学习的第一次记录。经验尚浅，记录按记忆碎片。第一次上超文本标记语言的课了解了url（统一资源定位器），http，w3c等专业名词。
修卡录·2019-12-26 04:32

html+css学习笔记019-H5响应式布局0自适应布局

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终html+css布局前端学习的基础html+css毕业已经有两个星期现在原生js班学习也有一个多星期了这是不包含需要用到js的最后一节学习笔记感慨颇多笔到纸上却一个字也写不出来希望自己在js的学习上也能做到不忘初心付出不亚于任何人的努力天生我才必有用，千金散尽还复来我会发上来我做的京东商城的html+
Mr柳上原·2019-12-25 05:12

html+css学习笔记016-H5变化0过渡0动画

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终今天第59期班html+css毕业了马上要进入js班学习想起了以前那个感性的我高中毕业的时候大学毕业的时候泪眼婆娑的我本以为今天会如那时候一样的依依不舍然而心中却少有波澜想感慨，想感恩，想说些什么最后还是对自己说算了吧就这样吧平淡的结束了毕业典礼是社会让人变得冷漠连情感都会暗淡许多吗前端59期学员作业
Mr柳上原·2019-12-25 00:27

CSS学习第二篇

这次主要是补充一些在实际开发（练习）中遇到的一些问题，记录下来，方便自己以后查找复习，如果恰巧也能捎带脚解决您的困惑，那也是荣幸之至。下面还是闲话少叙，直接上干活：注意：本文也可以看做是《CSS设计指南》的读后感，如果你恰巧看过这本书，那有趣的事很多，不要在此浪费时光。一、什么时候用ID，什么时候用类？ID：id的用途是在页面中唯一地表示一个元素。正因为如次，同一个界面中的每一个ID属性，都必须是
只敲代码不偷桃·2019-12-24 22:19

单身狗的凝视跟着李南江学习HTML5—CSS学习

其实标签就那么点东西，在小码哥的基础课，最重要的是系统的学习了一边常用CSS属性。期间真的学到了很多，话不多说，直接上笔记清除浮动外墙法内墙法第一个盒子overflow:hidden；ie6不兼容.classname{/兼容ie6/*zoom:1;}伪元素::before::aftervisibility:hidden;最适合用来清除浮动，ie6不兼容.classname{/兼容ie6/*zoom
单身狗的凝视·2019-12-24 21:00

无标题文章

htmlcss学习总结1.前端干什么的？
吃的舍得·2019-12-24 07:10

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

写在前面学习完了HTML的知识之后是CSS的学习，在学习前，我的状态基本上是一通乱写，特别是关于CSS的定位流，基本上我是一窍不通，不求理解意思，只求效果的实现，也还好有bootstrap的存在，让我也还算能够做出大概想要的效果，但是我知道，这并不是长远之计，像我这样的前端，根本就不能称之为前端工程师。学习感想跟着江哥学习了CSS知识后，真是让我醍醐灌顶，特别是关于我完全不了解的CSS定位、标准流
Mosnter·2019-12-23 22:43

CSS学习之块元素与内联元素

1、块元素(block)独占一行，里面可包含块元素和内联元素，并且width与height对它起作用。2、内联元素只能容纳文本或其他内联元素（不推荐内联元素里包含块元素），它允许与其他内联元素位于同一行内，比如span，但，width与height对它不起作用。3、当然，块元素与内联元素是可以相互转换的，给块元素设置display:inline;或给内联元素设置display:block;即可转换
郭子林·2019-12-23 11:50

CSS3积累（1）头像过渡效果

每天积累一小步~要求今天先说说图片头像显示为圆形，且当鼠标移到图片上时图片会有放大效果CSS学习之路body{position:relative}.profile{position:absolute;top
有一条大鱼·2019-12-22 04:26

CSS笔记

CSS学习笔记HTML与CSS布局1、html布局标签：推荐使用有具体语义的标签，而不是一味的使用div。头部标签：header，适用于一个区域头部的内容。
林云流水·2019-12-20 09:18

《任务202 CSS》任务产出汇总

https://bbs.excellence-girls.org/topic/211/css%E6%A0%B8%E5%BF%83%E7%9F%A5%E8%AF%86完成时间2016-12-14任务要求的作业CSS
TW安洋·2019-12-18 12:35

html+css学习笔记018-H5弹性盒模型

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终有多大能力就要担负起多大的责任一直不想去担负这种责任所以找工作的时候都尽量做普通员工只需要做好自己本职工作不用去想公司的发展不用去规划员工的工作计划不用去为业绩而烦恼然而当年纪越来越大阅历越来越广不得不去，或者说是被强行推上管理岗位当站到这个位置上时才发现有多难每周需要统筹员工工作安排审核上周工作进度
Mr柳上原·2019-12-17 00:38

2019-08-29

px、rem、em的区别随着css学习的不断深入页面也随之丰富，那么em、rem、px是我们在页面布局中经常会用到的单位，也是面试题中老生常谈的一个问题，经久不衰，那我们今天用我们的小案例来解释他们的区别吧
贝程学院_前端·2019-12-16 08:54

阿军跟着李南江老师css感想：

阿军跟着李南江老师css感想：Css学习感想：样式表CSS在网页中占着极重要的地位，它的使用一直是热门讨论的话题。CSS是CascadingStyleSheet的简写，译为“层叠样式表单”。
阿军阿军·2019-12-16 05:48

css学习笔记

负边距找了一下负边距的相关文档：CSS布局奇淫巧计之-强大的负边距,总结了一下：如果margin为正值，则相当于把元素盒给推过去；若margin为负值，则相当于把元素盒拉过来但对于它为什么会对元素宽度有影响，我找了很多文档，包括w3c的官方说明，都没有找出一个合理的解释。最后只能归结于子元素并没有规定宽度，默认会填充整个父元素框，即使将子元素往外拉也不会影响父元素被填充的效果，就会导致元素框被拉长
LiHDong·2019-12-16 00:10

CSS学习笔记（一）

1.语法selector{property:value}选择器{属性：值}2.选择器类型①元素选择器p②id选择器#p③类选择器.p3.注释style里面的注释是用/**/4.CSS属性属性名称属性值尺寸widthheight百分比、像素背景颜色background-color颜色名字、rgb格式、16进制格式背景图片background-imageurl(../../xx.jpg)背景重复bac
吴忆松·2019-12-15 22:58

CSS学习4

链接我们能够以不同的方法为链接设置样式。能够设置链接样式的CSS属性有很多种（例如color,font-family,background等等）。链接的特殊性在于能够根据它们所处的状态来设置它们的样式。链接的四种状态：a:link-普通的、未被访问的链接a:visited-用户已访问的链接a:hover-鼠标指针位于链接的上方a:active-链接被点击的时刻当为链接的不同状态设置样式时，请按照以
风林山·2019-12-14 22:05

CSS学习笔记-背景属性

一、背景尺寸属性：1、含义：背景尺寸属性是CSS3中新增的一个属性，专门用于设置背景图片大小2、格式：1.1具体像素：background-size:300px200px;第一个参数：宽度第二个参数：高度1.2百分比:background-size:80%50%;第一个参数：宽度第二个参数：高度1.3宽度等比拉伸:background-size:80%auto;第一个参数：宽度第二个参数：高度1.
_脑袋空空·2019-12-12 23:00

CSS学习笔记-边框图片等属性

1、边框图片：1.1含义：告诉浏览器指定一张图片作为边框1.2格式：border-image-source:url("images/..");1.3注意点：(1)如果只通过source指定了一张图片作为边框的图片，默认情况下会将图片放到边框的四个顶点(2)边框图片的优先级高于边框颜色，即设置了边框图片那就不会显示边框颜色2、对图片进行切割：2.1格式：border-image-slice:7070
_脑袋空空·2019-12-12 22:00

html+css学习笔记002-盒子模型

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终学习前端，乃至引申到学习任何程序语言怕的不是我们不懂英文怕的不是我们不懂操作电脑怕的更不是我们不懂基础程序语言而是我们没有坚持不懈，直到成功的心做任何事情都是一样不管我们开始有多么的用心，多么的努力，当我们懈怠了一次，两次，三次......从入门到精通，还是从入门到放弃一念天堂，一念地狱前端59期学员
Mr柳上原·2019-12-11 18:04

html+css学习笔记003-样式初始化

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终记得大学毕业后的第一份工作在一家在厦门还算比较知名的互联网公司做电话销售总监交给我们的第一堂课做人要低调，做事要高调如今走过些许岁月，回头想想此话如同金玉良言，醍醐灌顶如果以前的自己能早点领悟这句话或许会是另一番风景吧前端59期学员作业/*内部样式表*//*样式初始化*/*{/*通配符选择器：选择所有
Mr柳上原·2019-12-08 13:51

clearThh跟着李南江学习HTML5—项目总结

1.百度首页2、网易注册界面3、盒子模型4、3D转换模块学习成果：经过了十几天的html和css学习，在江哥视频的指导下，自己也很快的完成这几个页面，在做这几个项目的过程中觉得其实编写一个静态网页也不再是那么困难的事情
clearThh·2019-12-07 19:46

css学习小节

了解了一点html后，进一步在去了解css。css的编码个人感觉风格有点像c语言，在语句结束后都需要用一个";"（分号）进行结尾。1.首先是几种常用的css样式①内联式：将css代码插入到元素开始的标签；eg：文字变红这样在~中的文字都会变成红色。②嵌入式：需要先在中加入p(可以是某个元素的标签或者用"class"和"id"){(填入需要修改的元素)color:red;text-align:cen
矮萌杰·2019-12-06 09:06

css学习笔记之浮动

1浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响?特征：1使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素则停下。2浮动样式可以应用在块元素及行内元素上。元素浮动之后不占据原来的位置。3元素在一排显示，相邻间没空隙。应用在行内元素上时可以让其像块级元素一样设置宽高。对父容器的影响：如果一个父容器的子元素都是浮动元素，且本身没有设置宽高就会导致父元素塌
IsGirl·2019-12-06 07:15

CSS学习笔记-动画模块

动画模块：1、过渡和动画之间的异同1.1不同点（1）过渡必须人为触发才能执行（2）动画不需要人为触发就可以执行1.2相同（1）过渡和动画都是可以用来给元素添加动画的（2）过渡和动画都是系统新增的一些属性（3）过渡和动画都需要满足三要素才有动画效果2、格式：2.1三要素：（1）告诉系统需要执行的动画名称animation-name:animation_name;（2）创建一个带名称的动画①第一种创建
_脑袋空空·2019-12-05 21:00
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他