CSS学习笔记

Html&CSS学习笔记01---B/S架构、前端开发流程、网页组成部分，HTML简介

1、B/S软件的结构客户端服务器端JavaEE项目客户端：浏览器服务器端：WEB服务器2、前端的开发流程美术实现====>前端工程师=====>java程序员美术实现：网页设计师根据需求设计网页前端工程师：前端工程师将设计做成静态网页Java程序员：后台工程师将静态网页修改为动态网页3、网页的组成部分页面分别由内容（结构）、表现、行为三部分内容组成。内容（结构），是我们在页面中可以看到的数据。我们
DKPT·2020-08-11 17:48

CSS学习笔记（一）

1、CSS：CascadingStyleSheets层叠样式表2、讲css样式直接写到style属性中，这种样式我们称为内联样式，内联样式只对当前元素中的标签起作用，内联样式不方便复用，内联样式属于结构和表现耦合，不方便后期维护，不推荐使用3、也可以将CSS样式放在head中的style标签里，将CSS样式统一编写到外部的样式表中，完全使结构和表现分离4、元素选择器，id选择器，类(class)选
CTRLSHIFTS·2020-08-11 12:21

HTML与CSS学习笔记--未完待续

HTML，CSS学习笔记结合尚硅谷的视频，摘抄的笔记一、软件架构C/S：客户端/服务端C：客户端，用户通过客户端来使用软件；S：服务器，负责处理软件的业务逻辑；特点：（1）软件使用前必须安装；（2）更新时
闪黑·2020-08-11 10:26

div+css学习笔记（十天学会div+css）

1.CSS伪类可以改变链接的样式2.在CSS定义中，a:hover必须位于a:link和a:visited之后，这样才能生效！在CSS定义中，a:active必须位于a:hover之后，这样才能生效！3.以下元素支持accesskey属性：,,,,,以及。4,。可以用css的display:inline将块级元素改变为内联元素，也可以用display:block将内联元素改变为块元素。5.浮动元素
苦逼的koala·2020-08-10 21:27

CSS学习笔记12：伪类和超链接的美化

一、伪类伪类用于向某些选择器添加特殊的效果。类就是工程师加的，比如div属于box类，很明确，就是属于box类。但是a属于什么类？不明确。因为要看用户有没有点击、有没有触碰。所以，就叫做“伪类”，同一个标签，根据用户的某种状态不同，有不同的样式。a标签有4种伪类：a:link{color:red;}a:visited{color:orange;}a:hover{color:green;}a:act
Java秃头哥·2020-08-10 21:35

div+css学习笔记（一）

T01商业网站布局课程目标：一、常用流行布局二、DIV+CSS布局思路三、DIV+CSS布局的运用【重点】四、使用实现页眉页脚的复用重要笔记：一、DIV+CSS布局思路1、步骤：a、首先，将页面在整体上用标签进行分块。b、其次，使用css对各版块进行定位。c、再次，在各版块中添加相应的内容，实现局部布局2、常见布局分类：a、一栏式：固定或自适应宽度b、两栏式：左侧固定右侧自适应宽度c、三栏式：两侧
_糖纸·2020-08-10 20:19

【CSS学习笔记十三】表单

一.输入框input{width:100%;}/*使用:focus选择器可以设置输入框在获取焦点时的样式*/input:focus{background-color:lightblue;}设置指定类型的输入框可以使用以下属性选择器input[type=text]：选取文本输入框input[type=password]：选择密码的输入框input[type=number]：选择数字的输入框二.文本框
思索与猫·2020-08-10 19:35

15、盒子模型垂直高度

文章目录介绍盒子模型垂直布局介绍本文是在学习CSS时做的学习笔记，所有笔记内容为CSS学习笔记盒子模型垂直布局meta.outer{background-color:#fbsheight:600px;1
五仁卤鸡翅·2020-08-10 14:34

DIV+CSS学习笔记总结篇

转载请声明原文链接地址第一部分HTML第一章职业规划和前景职业方向规划定位：web前端开发工程师web网站架构师自己创业转岗管理或其他web前端开发的前景展望：未来IT行业企业需求最多的人才结合最新的html5抢占移动端的市场自己创业做老板随着互联网的普及web开发成为企业的宠儿和核心web职业发展目标：第一、梳理知识架构负责内容的HTML负责外观的css（层叠样式表）负责行为的jsps切图第二、
poetries·2020-08-10 12:08

CSS学习笔记-块状元素-行间元素

1：css样式行间，内嵌，外联就近原则行间样式（标签内部）>内嵌样式（当前文件中）>外联样式（外部文件）2：头部图标实现3：css写法规则em:相对倍数指定方向值：按照上右下左（顺时针方向）的顺序依次排列1:html标签类型：块状元素（black）:都占一行（该元素前后其他元素都要换行）直接适用盒模型的所有CSS属性行间元素（inline）：不独占一行，多个行间元素可以在一行中呈现部分适用盒模型属
tz_gx·2020-08-10 10:39

CSS学习笔记——盒模型，块级元素和行内元素的区别和区别

今天本来打算根据自己的计划进行前端自动化的学习的，无奈早上接到一个任务需求需要新增一个页面。自从因为工作需要转前端之后，自己的主要注意力几乎都放在JavaScript上面了，对CSS和HTML这方面其实基础真的很差，今天在写页面的时候就被浮动啊、内外边距啊这些耽误了不少时间。反思一下，自己确实在这些基础方面的不足很多，所以今后的学习笔记主要是我在工作中遇到的一些问题和他们的解决方法。其中可能中会有
老贝V5·2020-08-10 09:31

10、样式选择器权值

文章目录介绍样式选择器权值介绍本文是在学习CSS时做的学习笔记，所有笔记内容为CSS学习笔记样式选择器权值meta#box1{color:green}div{color:red}.red{color:red
五仁卤鸡翅·2020-08-10 09:19

HTML+CSS学习笔记前言

目录HTML与CSS的关系二、标签的语法三、HTML文件基本结构四、HTML代码注释五、语义化HTML与CSS的关系HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。CSS样式是表现。比如，标题字体、颜色变化或为标题加入背景图片、边框等。这些用来改变内容外观的东西称之为表现。JavaScript是用来实现网页上的特效效果。例如鼠标滑过弹出下拉菜
木四小哥·2020-08-10 04:16

CSS学习笔记

在Anthony大神的指引下，坚定学习CSS的信心。一个多星期没学了，又得重头开始。下午上中特时在手机上看了css教程，现在对着网页重新复习整理下。简介：CSS指层叠样式表(CascadingStyleSheets)CSS规则由两个主要部分构成，选择器，一条或多条声明。eg:selector{property:value;property:value}声明总是以分号结束，声明组以大括号{}括起来。
hugleecool·2020-08-10 01:17

css学习笔记

-------------css学习笔记总结------------------1.简介：CSS是CascadingStyleSheet的缩写。译作「层叠样式表单」。
snail_gesture·2020-08-10 01:29

CSS学习笔记

CSS学习笔记CSS的引入方式引入方式有行内引入、内嵌式引入和链接式引入，常用链接式引入。
陈柄元·2020-08-09 18:36

【温故知新】CSS学习笔记（样式表）

CSS-网页的美容师CSS-CascadingStyleSheets美化样式通常叫做层叠样式表（级联样式表）。CSS样式引入的方式有三种（书写位置）：1、内部样式表      Document         /* 选择器{属性：值；} 选择器是选择标签的*/      th{         color:skyblue;         }      td{         font-size:
SAP剑客·2020-08-09 04:22

CSS学习笔记

CSS3模块css3被划分为模块。被分为选择器，框模型，背景和边框，文本效果，2D/3D转换，动画。多列布局，用户界面。1.css3边框border-radius圆角边框box-shadow边框阴影border-image边框图片2.css3背景background-size规定背景图的尺寸。默认值是auto。length:（宽度|高度），设置背景图片的高度和宽度。percentage(宽度|高度
英之才·2020-08-09 03:40

CSS学习笔记（一）：

1.网页基本构成手机页面:initial-scale属性控制页面最初加载时的缩放等级。maximum-scale、minimum-scale及user-scalable属性控制允许用户以怎样的方式放大或缩小页面。小图标metaname=shortcuticon2.常用标签音乐autoplay自动播放，loop循环，controls【5】定义外部插件移动端相当于图文描述（块）3.行内、块级元素容易混
leener_007·2020-08-09 01:39

CSS学习笔记11：行高和字号的设置

一、行高CSS中，所有的行，都有行高。盒模型的padding，绝对不是直接作用在文字上的，而是作用在“行”上的。基本语法：line-height:40px;文字，是在自己的行里面居中的。比如，现在文字字号14px，行高是24px。那么：注意：为了严格保证字在行里面居中，行高、字号一般都是偶数。这样，它们的差，就是偶数，就能够被2整除。如果行高不是偶数，则文字下面的行高比上面的大1.上例中，如果行高
Java秃头哥·2020-08-08 21:32

Html+CSS学习笔记

列表总结CSS字体属性总结CSS文本属性总结链接伪类选择器复合选择器总结元素显示模式总结背景图平铺背景位置背景图像固定背景属性的符合写法背景总结选择器优先级内边距内边距简写盒子阴影浮动特性（重难点）设置了浮动（float）的元素最重要特性：1，脱离标准通流的控制（浮）移动到指定位置（动），（俗称托标）2，浮动的盒子不再保留原先的位置浮动特性清除浮动为什么需要清除浮动，由于父级盒子很多情况下，不方便
有多大的思想，才有多大的能量·2020-08-08 19:07

CSS学习笔记（一） --CSS基础

CSS学习笔记（一）--CSS基础本人大四渣前端一枚，目前还在求职状态，虽然小公司的offer也拿到了不少，但是次次在大公司面试时碰壁，并且均被指出基础不是特别扎实，因此最近在自我反省需要在重新将基础打扎实
黑の夜行·2020-08-08 19:20

css学习笔记（一）

一css样式表基础1，css基本概念css（cascadingstylesheet）即层叠样式表，简称样式表，要理解样式表的概念先要理解样式的概念，样式是对网页中的元素（字体，段落图像，列表等）属性的整体概括，即描述所有网页对象的显示形式（例如文字的大小，字体，背景及图像的颜色，大小等都是样式）。层叠，就是指当HTML文件引用多个css文件时，如果css文件之间所定义的样式发生了冲突，将依据层次的
neoxuhaotian·2020-08-08 18:38

css学习笔记

CSS:层叠样式表CSS作用:美化页面,提高代码的复用性1.选择器:需要掌握的:元素选择器:标签的名称元素的名称{属性名称:属性的值;属性名称:属性的值;}类选择器:以.开头以.开头.类的名称{属性名称:属性的值;属性名称:属性的值;}ID选择器:以#开头,#ID的名称ID必须是唯一的以#号开头ID在整个页面中必须是唯一的s#ID的名称{属性名称:属性的值;属性名称:属性的值;}优先级:按照选择精
xuanxiaoT·2020-08-08 17:17

html和css学习笔记（二）html标签

1标题标签HTML提供了6个等级的标题，即、、、、和注意：h1标签因为重要，尽量少用，不要动不动就向你扔了一个h1。一般h1都是给logo使用，或者页面中最重要标题信息。2段落标签文本内容一行只能有一个p标签是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。3水平线标签在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以
ld705454682·2020-08-08 17:26

CSS学习笔记

CSS学习笔记目录基本概念写法格式外链样式页内样式行内样式基础选择器标签选择器class选择器id选择器通用选择器复合选择器后代选择器编组选择器伪类选择器linkvisitedhoveractive文本样式文本区块背景样式盒子模型
Tachyglossus·2020-08-08 13:01

css学习笔记——三种样式表的使用及区别

如何插入样式表插入样式表的方法有三种:外部样式表内部样式表内联样式外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到样式表。标签在（文档的）头部：浏览器会从文件mystyle.css中读到样式声明，并根据它来格式文档。外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的html标签。样
gavid0124·2020-08-08 12:10

CSS学习笔记

CSS（CascadingStyleSheets,层叠样式表）是一种应用于网页的标记语言，其作用是为HTML、XHTML以及XML等标记语言提供样式描述。当IE浏览器读取HTML、XHTML或XML文档时，同时将加载相对应的CSS样式，即将按照样式描述的格式显示网页内容。CSS文件用于控制网页的布局格式和网页内容的样式，所以用户仅需要修改CSS文件内容即可改变网页显示的效果。使用CSS后可以大大降
兔角姑娘·2020-08-08 11:42

【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
weixin_33716557·2020-08-05 20:40

CSS学习笔记--导航栏元素由于页面缩小而被挤到下一行的解决方法

这个问题之前也遇到过，这次是在写一个vue项目中的头部组件发现的，最外层div给设置了width100%，头部布局是分左中右三部分，直接用的浮动布局，因此当我缩小屏幕宽度的时候，中间导航栏就被挤到下面，因为缩小后的宽度不够了，如图所示：可以看到我的导航栏已经被挤到下面。原因上面已经提过，就是宽度不够的问题，所以这时候我们只需要给头部组件最外的div设置一个最小宽度，我这里是设置的min-width
年轻人学习啊·2020-08-05 17:13

css学习笔记：css选择器基础和选择器权重

CSS学习笔记1一、CSS层叠样式表的引入方式：行内样式：直接写在标签内部如内嵌样式:写在下面，上面外链式link：创建一个.css文件，再用link引入，如当引入的是一个网页标签上的图标时，rel的属性值为
weixin_43750236·2020-08-05 11:09

Web基础学习笔记-CSS

CSS学习笔记一.什么是CSS1.CSS的作用：对页面样式的统一定义a.早期，依靠html元素的属性，比如border/alignb.不尽相同--混乱c.标准：某种样式声明，所有的元素通用2.CSS的基础语法样式属性
星夜孤帆·2020-08-05 11:15

htmlcss学习笔记

Html5/css3Html超文本标记语言，搭建页面骨架超级文本.txt文本，字符图片，视频，音频，超链接，地图，统计图…标记语言helloworldthisisapara…特点：1.语法简单2.容量小3.功能强大4.字符计算机网络报刊01=>字符officehttp协议（B/S）超文本传输协议url统一资源定位符定位网络中唯一的一个资源http://ip:port/pathhttp://134.
进击的世勋·2020-08-05 04:21

html以及css学习笔记

CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。selector{declaration1;declaration2;...declarationN}选择器的分组：h1,h2,h3,h4,h5,h6{color:red;}派生类选择器：h2strong{color：red;}id选择器#green{color:green;}这个段落是绿色相同的id的值一般只能取一次，方便jsp读取元素
zq4132·2020-08-04 22:42

最热网友收藏

年第1周)2007年第1周最热网友收藏共享一些面试题(52)，共94人收藏，xblue3首先收藏程序员真实写真:35岁前成功的12条黄金法则(49)，共182人收藏，yanglilibaobao首先收藏css
weixin_33728708·2020-08-04 20:47

css学习笔记

前端三要素：html：搭建css：美化javascript：动态展示css:一.什么是css？cascadingstylesheets层叠样式表特点：从上到下依次解析、对大小写敏感二.css的语法a.属性名和属性值之间使用：隔开多对属性之间使用；隔开最后一对属性可以不加分号id="one"class="one"style="根据css语法设置"title="one"选择器{width:100px;
兔糯糯·2020-08-02 22:32

HTML+CSS学习笔记（全）

特点！！行为样式结构相分离浏览器(主流：在市场上有一定市场份额，有独立研发的内核)浏览器分两部分：shell内核IEtridentFirefoxGeckoGooglechromeWebkit/blinkSafariWebkitOperapresto（层叠样式表格）htmlcssjavascript结构样式行为www.baidu.com(域名)--dns(解析)--192.168.000.001（地
doc-DJJ·2020-07-31 17:19

CSS学习笔记（文本属性）

字间距letter-spacing:（px【可以设置负值，当设置成负值时，字间距会比正常间距小】；normal表示正常的字间距）行高行高：可控制行与行之间的间距，但不是行间距，指的即一行的高度。line-height:(px;合理的行高：norml;数字，百分比【对应于当前字体大小】）#行高经常用于使单行文本垂直居中首行缩进text-indent:(px【需要对字体大小进行相应的调整】;默认值：0
爱新觉萝莉·2020-07-30 22:20

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

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

CSS学习笔记2：CSS基础选择器

CSS选择器种类很多，在上篇文章《CSS学习笔记1：初始CSS及其常见属性》里所说的CSS基本语法中的使用的选择器，只是其中的一种——“标签选择器”。下面这两篇文章，咱们就聊聊CSS选择
Java秃头哥·2020-07-30 21:24

HTML、CSS学习笔记（3）文本控制总结

前言本意是写给自己看的学习笔记，如果能恰好帮到有需要的人那最好了。我是一个接触时间不长的新手，秃头摸爬滚打中，将一些重点总结记录下来，如有错误欢迎指正。部分内容来自www.w3school.com.cn和相关书本教材，若有侵权请告知，将会立即修改。文本控制（1）HTML文本控制~标题标签。从h1到h6字号递减，一个页面中只能使用一个标签。默认情况下标题文字是加粗左对齐，可以使用align属性设置对
HakuyaSakin·2020-07-30 21:41

web前端教程之HTMLCSS学习笔记css3选择器

好程序员web前端培训分享HTMLCSS学习笔记css3选择器CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。
好程序员IT·2020-07-30 21:36

WEB前端CSS学习笔记

ElementsElementsAttributesblockelementdivh1~h6ptableulollidldtddinlineelementspanastronguemchangeableelementapplet(JavaApplet)buttondeliframeinsmapobjectscript行内块级元素img表单tips:inlineelement加上dispaly:bl
许后生·2020-07-30 21:32

CSS学习笔记（内边距~文字在盒子里的垂直居中）

内边距1.内边距就是内容和边框之间的距离。2.格式2.1.非连写.san1{width:100px;height:100px;border:1pxsolidblack;padding-top:20px;padding-left:20px;padding-bottom:20px;padding-right:20px;}2.2.连写{padding:上右下左;}省略的规律同边框属性。注意：1.在设置内
甜甜今天酸了吗·2020-07-30 21:08

CSS学习笔记

1.什么是CSS?CSS指层叠样式表(CascadingStyleSheets)样式定义如何显示HTML元素样式通常存储在样式表中把样式添加到HTML中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在CSS文件中多个样式定义可层叠为一个简单来说，它是一种来表现HTML或XML等文件样式的计算机语言。如：使用css给每一个单元格加上背景颜色，只需要在最前面写一段cs
bingongzi·2020-07-30 12:58

CSS学习笔记（一）

@达内，听课笔记一、1、CSS1、什么是CSSCascadingStyleSheet层叠样式表级联样式表样式表2、作用实现了内容与表现的分离提高了代码的可重用性和可维护性2、CSS样式表使用方式使用方式共分三种，使用任何一种都可以更改页面的样式。1、内联方式内联样式将CSS样式定义在HTML的标签中特点：不通用，只能定义某一标签的单独样式。2、内部样式表将一系列样式定义在HTML的中特点:当前网页
欧圈圈·2020-07-30 09:28

初步了解二 CSS

前端CSS学习笔记（颜色样式表权重字体背景外观选择器阴影）了解CSS一.CSS页面的美容师作用：主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式
Bleemxs·2020-07-29 08:25

CSS学习笔记（一）——CSS基础&选择器合集

CSS介绍整理完了HTML的笔记，接下来就是CSS了。我们可以使用HTML构建稳定的结构基础，而页面的风格样式控制则交给CSS来完成。网页的样式包括各种元素的颜色、大小、线形、间距等等，这对于设计或维护一个数据较多的网站来说，工作量是巨大的。好在可以使用CSS来控制这些样式，这将大大提高网页设计和维护的效率，并且使网页的整体风格很容易做到统一。CSS概述CSS是英文CascadingStyleSh
狗狗狗狗狗乐啊·2020-07-29 07:40

css基础与选择器——精通css学习笔记（一）

开篇，作者就告诉了我们正确的学习方式——先用后学。在有了一定的基础之后，就要去尝试着做一些小东西。学的过程中要保持入和出的平衡，不输出就等于没有输入。很多经验总是相同的，类似这样正确的道理，总是在能在各种场合被告诫。学习css的正确方法，也正是在有了一定的基础知识之后，就要多看源码，多看别人的小例子，尝试着大胆的在自己的网站上应用。新技术的出现，往往是因为旧技术的局限性所导致，css也是如此。在早
weixin_30824277·2020-07-29 06:23

CSS学习笔记（一）——选择器归类整理+CSS优先级要点

CSS选择器整理+CSS优先级一、CSS3选择器分类（一）基本选择器1、通配选择器2、元素选择器3、ID选择器4、类选择器5、群组选择器（二）层次选择器1、后代选择器（包含选择器）2、子选择器3、相邻兄弟选择器4、通用兄弟选择器（三）动态伪类选择器（四）目标伪类选择器（五）UI元素状态伪类选择器（六）结构伪类选择器（七）否定伪类选择器补充：CSS伪类/元素（八）属性选择器二、CSS三大特性（一）继
丸子妹·2020-07-29 06:45
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他