HTML&CSS学习

HTML+CSS学习路线

下面是一则学习路线1.首先掌握HTML的基本标签和语法2.了解掌握XHTML的标签和用法3.了解什么是CSS(层叠样式表)CascadingStyleSheets它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。推荐：1）.w3CSchoolhttp://www.w3school.com.cn/2）.慕课网http://www.im
赏金术士·2020-09-13 20:09

HTML/CSS学习

样式表stylebody{background-color:#d2b48c;//网页背景颜色margin-left:20%;//样式表部分左边距margin-right:20%;//右边距border:1pxdottedblack;//设计边框粗细1px，黑色点线padding:10px10px10px10px;//设置四个内边距font-family:sans-serif;//为段落设置字体}1
白白不狼·2020-09-13 18:59

简易博客搭建（html与css学习）（静态网页）

成品图如下：本页代码：我的博客我的博客她说这是有意义的，能给世界带来欢笑。关于我我的作品资助我Java基本知识发表于2020/3/4|阅读量：0|标签：Java1、JVM、JRE和JDK的区别：JVM(JavaVirtualMachine):java虚拟机，用于保证java的跨平台的特性。java语言是跨平台，jvm不是跨平台的。JRE(JavaRuntimeEnvironment):java的运
王子病12·2020-09-13 15:11

CSS学习笔记之一

CSS：CSS指层叠样式表(CascadingStyleSheets)样式定义如何显示HTML元素样式通常存储在样式表中把样式添加到HTML4.0中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在CSS文件中多个样式定义可层叠为一CSS分类：样式规则：样式属性名:值;样式属性名:值；样式属性名：值1值2值3;一：行内样式:写在html标签内部，使用style属性：
一只java程序员·2020-09-13 12:41

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

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

Css学习之清除浮动

浮动：float:left/right会使元素脱离文档流可以用以块级元素排版例如卡片式展示商品使用了float就可能会引起父及元素高度坍塌；解决方法：1：添加div空元素并设置样式clear:both;height:0;overflow:hiddenclear有三个属性left、right、both表示当前元素不会因为之前的元素浮动而去补上因float引起的位置空缺，加一个div空元素设置clea
ou4582850·2020-09-13 02:23

HTML&CSS学习笔记

HTML&CSS知识点HTML概念：HTML是最基础的网页开发语言HyperTextMarkupLanguage：超文本标记语言超文本:超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本标记语言:由标签构成的语言。如html，xml标记语言不是编程语言快速入门：html文档后缀名.html或者.htm标签分为围堵标签：有开始标签和结束标签。如自闭和标签：开始标签和结束标签在一起。
mryjf·2020-09-13 02:04

HTML及CSS学习笔记 11 - 盒子的边框和阴影

本文是HTML及CSS课程的第十一课。主要介绍的内容为，CSS中如何给盒子添加圆角边框及如何给盒子添加阴影文章目录一、边框圆角1、如何添加边框圆角2、案例2.1、案例1-给盒子的四角分别设置边框圆角2.2、案例2-统一设置边框圆角为同一个值2.3、案例3-按顺时针顺序设置边框圆角2.4、案例4-使用百分比设置边框圆角2.5、案例5-按横轴半径/纵轴半径设置边框圆角二、盒子阴影1、如何添加盒子阴影2
codeke·2020-09-13 01:06

【css学习】css基础学习 知识点简单整理

知识点1、盒模型Margin(外边距)-清除边框外的区域，外边距是透明的。Border(边框)-围绕在内边距和内容外的边框。Padding(内边距)-清除内容周围的区域，内边距是透明的。Content(内容)-盒子的内容，显示文本和图像。例如div{width:300px;border:25pxsolidgreen;padding:25px;margin:25px;}300px(宽)50px(左+
SDUzzy·2020-09-12 15:49

CSS学习

层叠样式表-css学习一、CSS简介1.1css概念CSS的作用1.2CSS特点1.3CSS语法规则注意事项二、CSS使用方式2.1内联方式2.2内部样式2.3外部样式**优先级：内联样式>内部样式>外部样式
木讷的鱼·2020-09-12 05:11

css学习一

一直知道css很强大，最近整理了一些1、linear-gradientcss中的一个渐变的函数，用于创建一个表示两种或多种颜色线性渐变的图片用在三个场景下：background，background-img,border-img（1）backgroundbackground:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);//左上角开
杨园园的微博·2020-09-12 00:25

scss学习笔记

.scss的文件中带有中括号和分号；.sass的文件中不带有中括号和分号导入导入格式：@import'index.scss'导入时可忽略后缀名.scss；@import'index'一般以_下划线开头的文件（_mixin.scss），引入时可不写下划线@import'minxin.scss'注释分为两种分别为：/*注释内容*/（多行注释）以及//注释内容（单行注释）变量必须是$开头，后面紧跟变量名
我叫陈小皮。·2020-09-11 19:20

CSS——盒子模型 列表样式 边框属性 轮廓（outline，外边框）

CSS学习笔记02盒子模型列表样式取消列表前面的符号不同的列表项标记作为列表项标记的图像边框属性边框样式border-style的多种写法轮廓（outline，外边框）盒子模型我们可以把html中的所有元素都看成是一个盒子
@班·2020-09-11 17:42

HTML、CSS基础学习

@HTML、css学习#HTML学习笔记–背景图片、文字设置position默认属性static，按照正常的文档流进行排布；absolute：相对于父标签的位置来进行布局；relative：这个属性则是相对于文档的位置关系
头铁·娃·2020-09-11 11:16

CSS学习笔记13：background系列属性

一、background-color属性background-color指的是背景颜色属性。在css2.1中，颜色的表示方法共有三种：英语单词、rgb表示法、十六进制表示法。1.英语单词表示法基本语法：background-color:red;2.rgb表示法rgb表示三原色“红”red、“绿”green、“蓝”blue。光学显示器，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色
Java秃头哥·2020-09-11 10:32

CSS学习（上）前端入门很简单

@最好有HTML基础哦一CSS入门基础为什么要在网页中加入CSS浏览器与CSS选择器类型二用CSS设置文本样式设计网页中的文字样式设计文本的段落样式一CSS入门基础为什么要在网页中加入CSSCSS是CascadingStyleSheet的缩写，又称为“层叠样式表”，简称样式表。它是一种只做网页的新技术，现在为大多数浏览器所支持，成为网页设计必不可少的工具之一。1.什么是CSS为了满足更过文本样式的
threecat.up·2020-09-11 10:37

CSS学习之display属性与浮动

1>displaydisplay属性主要是用来控制HTML元素的显示和隐藏与块级元素与行内元素的转换的。display的值，如下-->block（块级元素）block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性；常见的块级元素有div、form、t
huangql517·2020-09-11 08:35

CSS学习笔记：文本属性

缩进和水平对齐text-indenttext-indent:3em;/*values*/text-indent:40px;text-indent:15%;/*values,relativestothecontainingblockwidth*/text-indent:inherit通过使用text-indent属性，所有元素的第一行都可以缩进一个给定长度，甚至可以是负值。p{text-indent
gigi就是我·2020-09-11 08:23

【CSS学习】--- 文本水平对齐属性text-align和元素垂直对齐属性vertical-align

一、文本水平对齐属性---text-aligntext-align属性是将块级标签以及单元格里面的内容进行相应的对齐，块级标签里的内联元素会被整体进行移动，而子块级元素或子单元格则会继承父元素的text-align属性。属性值：testtexttest二、元素垂直对齐属性---vertical-alignvertical-align属性设置行内元素的垂直对齐方式，在表单元格中，这个属性会设置单元格
Mr.Gu·2020-09-11 07:36

day02_css学习笔记

day02_css学习笔记========================================================================================
weixin_34221773·2020-09-11 05:41

CSS学习笔记及案例

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

HTML5和CSS学习笔记（二）

接着学习CSS笔记（一）（17）添加带有边框半径的圆角通过CSS的一个叫border-radius(边框半径)的属性来让边框变成圆的如：使用像素来指定border-radius的属性值，现在让你的猫咪图片的边框半径为10px.smaller-image{width:100px;border-radius:10px}我家的猫咪（18）制作带有边框半径的圆形图像除了像素，你还可以使用百分比来指定bor
拱白菜的小白·2020-09-10 20:01

CSS学习（持续更新）

学习CSS的过程中遇到的一些值得留下笔记的地方~1.样式冲突：特殊性：ID>CLASS>元素名本身（如元素p）；顺序：特殊性相同时，后出现的优先级高；重要性important：在样式后加!important提高样式重要性，这样在遇到样式冲突时，网页将使用有important的样式，而不是后出现的样式。tip：加载外部样式表时若不同文件中有显示声明产生冲突，则后面的文件中的规则优先级更高。2.外部样
Shallow丶·2020-09-10 12:40

CSS盒子模型

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

CSS学习笔记：text-shadow

概述text-shadow为文字添加阴影。可以为文字与text-decorations添加多个阴影，阴影值之间用逗号隔开。要为每个阴影指定相对文字的偏移量，可选的颜色及模糊半径。多个阴影从前往后叠加，第一个阴影在最前面。可以应用在::first-line和::first-letter伪元素上语法text-shadow:offset-x|offset-y|blur-radius|coloroffse
gigi就是我·2020-09-10 09:46

CSS学习笔记：@font-face

概述@font-face规则允许开发者为网页指定在线字体。@font-face是连接服务器上的字体的一种方式，浏览器会根据这条指令把对应的字体文件下载到本地缓存，使用它去显示文本。通过这种方式可以消除对用户电脑字体的依赖。@font-face不仅可以放在在CSS的最顶层,也可以放在@规则的条件规则组中。语法@font-face的取值有以下几个：font-family：设置文本的字体名称。之后可以在
gigi就是我·2020-09-10 09:14

CSS学习笔记：概述

书写规范选择器与{之间必须包含空格属性名与之后的:之间不允许包含空格，与值之间必须有空格并集选择器必须多行选择器的嵌套不应大于3级所有属性必须另起一行属性定义必须以分号结束代码书写采用展开式全部使用小写字母书写尽量少用通用选择器*尽量少用id选择器不适用无具体语义的标签选择器，如div、span不使用“_”下划线来命名CSS选择器定义的选择器名，属性及属性值的书写皆为小写。书写顺序display（
Ferencz·2020-09-10 09:08

WEB学习感受

2.css学习前期还好，后期关键布局和样式知识点较多，而且各种外联和内外以及背景设置以及过滤都交错在一起，导致很难记得住。通过一个月的学习，希望自己能掌握个大概吧。
Zyyss1993·2020-08-25 15:40

新手入门，如何快速理解JavaScript

记得我刚刚学习前端的时候，对HTML和CSS学习得是很快的，一个月的时间从零到仿各种静态页面，从PC到移动端的页面都写过，然后信誓旦旦去找工作——不出意外，都被拒绝了。
单调先生·2020-08-25 14:38

css学习-background背景缩写

背景缩写用于针对背景控制的相关属性进行缩写，其语法格式如下：background:background-color|background-image|background-repeatbackground-attachment|background-position这个没什么好讲的，请看实例：#content{background-color:#EDEDED;background-image:ur
yesmeshtu·2020-08-25 06:35

CSS学习摘要-盒子模型

框属性【width和height】宽度和高度【padding】内边距【border】边界边框【margin】外边距一些提示及想法高级的框操作溢流背景裁剪（Backgroundclip）轮廓(Outline)CSS框类型例：制作三角形盒子模型注：全文摘要自网络开发者网站，当然间隔也会整理一些思路和格式排版添加进去。CSS框模型（译者注：也被称为“盒模型”）是网页布局的基础——每个元素被表示为一个矩形
铁乐与猫·2020-08-25 04:54

WEB前端学习:CSS学习_CSS背景图片相关属性

背景文章目录背景一、主要属性1.background-color2.background-image3.background-repeat4.background-position5.background-size6.background-attachment7.background-clip8.background（简写属性）9.多背景设置持续更新...该篇为讲得是背景图片。使用恰当可以给自己的
Dream_ruins·2020-08-24 23:28

Html+CSS学习杂记

笔记页内元素跳转链接–锚点链接跳转将即可base设置页面打开方式,放在head中则设置全局打开方式如base是单标签target="blank"很危险!通过target="blank"打开的页面能够直接使用window.opener来访问来源页面的window对象,甚至恶意修改你的原页面点击查看target="blank"是如何被利用的预格式化文本pre按照原本的格式,来渲染网页文本按照原本的格式
Jming铭·2020-08-24 23:49

用div实现向左右无缝滚动图片效果

用div实现向左右无缝滚动图片效果2008年07月05日星期六上午11:01div+css学习笔记22（用div实现向左无缝滚动图片效果）JavaScript实现走马灯效果[无缝连接、循环滚动]无缝跑马灯效果以下代码在
KTZ666·2020-08-24 22:59

好程序员web前端培训HTMLCSS学习笔记之页面优化

好程序员web前端培训HTMLCSS学习笔记之页面优化1）页面主题优化实事求是的写下自己网站的名字，网站的名字要合理，最好包含网站的主要内容。
好程序员IT·2020-08-24 19:05

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

好程序员web前端培训分享HTMLCSS学习笔记BFC，BFC(Blockformattingcontext)直译为“块级格式化上下文”。
好程序员IT·2020-08-24 19:34

html + CSS学习笔记 3. text-align关键字

text-align属性规定元素中的文本的水平对齐方式，和我们用word或者excel时的居中、左对齐、右对齐是一个意思。示例：这是第一标题这是第二标题这是第三标题结果图：
lain355·2020-08-24 18:56

小白前端学习之路

在这里我推荐绿叶学习网站、后期的进阶学习可着手实现一些简单网页巩固基础html,CSS学习推荐网站：W3C，绿叶学习网；课程李南江老师的HTML，jQuery视频课（B站，和网易云课堂都可以搜到）。
筱语悠里·2020-08-24 16:43

【CSS学习笔记】对于IE6、IE7下display: inline-block; 的兼容问题的探讨

初始问题描述最近在学习CSS的display属性时，遇到一个在IE6/7下html块级元素设置inline-block属性的兼容性问题，于是就查资料，网上很多关于这个问题的解答，大致的描述如下：[1]IE6、IE7支持对html行内元素设置inline-block。实际上只是看起来支持而已，IE6、IE7并不识别inline-block这个属性值，只是触发了layout，让行内元素有了inline
uolcano·2020-08-24 13:27

CSS学习笔记(十五) 使用map标签实现单图多热点

来源：js中图片点击区域的实现-javascript-SegmentFaultmap标签定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。area元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。img标签中的usemap属性可引用的map标签中的id或name属性（取决于浏览器），所以我们应同时向map标签添加id和name属性。示例例如我们想在下
omgdog·2020-08-24 13:04

CSS学习笔记(十四) 我们前端是怎么跟设计师沟通的

1.交付一般设计师给前端的只有psd，没有其它多余的东西，连基本的文档都懒得给。前端期望中的设计能给予的除了psd之外，还有设计上游岗位传递下来的东西。比如：产品原型，需求文档，交互文档等等。一般在真正的代码开发进行之前，前端期望中设计给的东西有：1份jpg文件里边有各个psd的动作分解图，包括页面逻辑，或交互分解。设计师方程这样的目的在于在做设计时方便的拷贝，但对开发人员来说，如果分级过于隐藏就
omgdog·2020-08-24 13:02

CSS学习笔记(六) 元素定位

1.盒模型盒模型，就是浏览器为页面中的每个HTML元素生成的矩形盒子。这些盒子们都要按照可见版式模型（visualformattingmodel）在页面上排布。可见的页面版式主要由三个属性控制：position属性、display属性和float属性。其中，position属性控制页面上元素间的位置关系，display属性控制元素是堆叠、并排，还是根本不在页面上出现，float属性提供控制的方式，
omgdog·2020-08-24 13:20

CSS学习笔记之布局

增加boxsizing：border-box属性，添加边距不再会使盒子变宽，而是使内容变窄。在原有元素外增加div，然后设置div的边距，也能达到良好的效果预防图片宽度超过父元素innerimg{max-width:100%}-使用display：table-cell，可以像表格一样使元素内的子元素自动等高布局更多地还是要思考，通过什么样的组织方式把元素分组归类，设计尽量少的样式，达到最好的效果
suemi·2020-08-24 07:33

css学习归纳总结（二） 转

原文地址：css学习归纳总结（二）标签与元素标签和p元素有什么区别呢？大多数时候他们表示的是同一样东西，但仍有细微的区别。
weixin_30404405·2020-08-23 20:05

display和visibility的用法和区别

display和visibility的用法和区别更多2013/11/17来源：css学习浏览量：892学习标签：cssdisplayvisibility本文导读：大多数人很容易将CSS属性display
weixin_30485291·2020-08-22 19:51

CSS学习

目录1、样式表、选择器1.1三种样式表使用1.2三种样式表的权重和优先级1.36大基础选择器1.46大基础选择器优先级2、边框2.1折叠边框2.2边框样式2.3边框宽度2.4边框颜色2.5单独设置各边的边框3、盒子模型4、CSS尺寸5、CSSDisplay(显示)与Visibility（可见性）6、CSSPosition(定位)6.1static定位6.2fixed定位6.3relative定位6
voicezhangyx·2020-08-21 05:12

【CSS学习笔记】绝对定位的父类参照物的确定

今天看CSS定位的课程，了解到一个元素要设置绝对定位，需要确定一个父类或者祖先类参照物，默认是根元素html。这个默认根元素已经明确，但是祖先类元素参照物如何确定呢？JustTry首先，给出代码：html部分let'sbegin.onetwothreefourfivehelloworld!css部分#one{background-color:lime;outline:2pxda
uolcano·2020-08-20 20:04

【CSS学习笔记】绝对定位的父类参照物的确定

今天看CSS定位的课程，了解到一个元素要设置绝对定位，需要确定一个父类或者祖先类参照物，默认是根元素html。这个默认根元素已经明确，但是祖先类元素参照物如何确定呢？JustTry首先，给出代码：html部分let'sbegin.onetwothreefourfivehelloworld!css部分#one{background-color:lime;outline:2pxda
uolcano·2020-08-20 20:04

CSS学习笔记

div块标签：默认占一行自动换行span块标签：内容显示在同一行CSS概述：层叠样式表主要作用：用来美化我们的HTML页面的HTML决定网页的骨架，CSS是用来化妆的，将HTML和界面的美化代码分离CSS的简单语法：在一个style标签中，去编写CSS内容，最好将style标签写在这个head标签中选择器{属性名称1：属性的值；属性名称2：属性的值；}div{color:red;}大家新年好CSS
袁震·2020-08-20 13:32

CSS学习笔记（六）--CSS样式之链接

1.链接的四种状态：a:link-普通的、未被访问的链接a:visited-用户已访问的链接a:hover-鼠标指针位于链接的上方a:active-链接被点击的时刻a:link{color:#FF0000;}/*未被访问的链接*/a:visited{color:#00FF00;}/*已被访问的链接*/a:hover{color:#FF00FF;}/*鼠标指针移动到链接上*/a:active{col
五秋木·2020-08-20 06:21
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他