css学习笔记一
css学习笔记: 1.css样式须放在 <style> *****样式 </style>
2.背景用图片: background-image:url(/study/background.jpg); 背景水平重复:background-repeat: repeat-x;
3.背景平铺,通过拉伸实现,会有失真 background-size: contain;
4.属性:text-align 值:left,right,center div是块级元素,其默认宽度是100%,所以文 ...
【前端学习分享】HTML+CSS京东商城静态页面
注意事项
一、CSS的定位问题position
static 没有定位,遵循正常的文档流对象。
以下使用较多
fixed 相对于浏览器窗口是固定的,窗口的他不会移动(比如说百度弹出来的登录窗口,不会移动)
relative相对定位元素的定位是相对其正常位置,相对定位元素经常被用来作为绝对定位元素的容器块。
absolute绝对定位的元素的位置相 ...
Web学习-CSS(一)
CSS(一)
引入CSS样式表
1.行内样式表(内联样式)
<h2 style="color: blue; font-size: 22px;">行内样式表</h2>
<标签 style="属性名: 属性值; 属性名: 属性值;...."></标签>
属性和属性值之间用:隔开
多组属性之间用;隔开
2.内部样式表
写在<head> </head>之间
选择器 {
属性名: 属性值;
属性名: ...
CSS学习 - 盒模型&flex
css学习
盒子模型
padding:即内边距,围绕着内容(比如段落)的空间。
border:即边框,紧接着内边距的线。
margin:即外边距,围绕元素外部的空间。
块元素 -- 独占一行(块)内联元素 -- 没有干扰的话。会在前面的元素后面
flex 模型
主轴就是水平轴,交叉轴就是垂直轴
主轴(main axis)是沿着 flex 元素放置的 ...
CSS学习笔记
https://www.runoob.com/css/css-tutorial.html
学习CSS网址
以下对部分内容做提炼
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
CSS 语法
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:
选择器通常是您 ...
CSS学习笔记
1 什么是CSS
如何学习
CSS是什么
CSS怎么用(快速入门)
CSS选择器(重点+难点)
美化网页(文字,阴影,超链接,列表,渐变...)
盒子模型
浮动
定位
网页动画(特效)
1.1 什么是CSS
Cascading Style Sheet层叠级联样式表
CSS:表现(美化网页)
字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动...
1.2 ...
CSS学习笔记(基础)
css
——道阻且长,行则将至
1.什么是CSS?
2.CSS导入方式
#### 优先级:就近原则
行内样式
<!--行内样式:在标签元素中,编写一个style属性,编写样式即可 多个以分号结尾--> <h1 style="color: coral;">标签</h1>
内部样式表
<!-- 内部样式表 --> <style>  ...
html与css前期学习积累
学习web前端一段时间了,对这门语言也有了一些认识,接下来就和大家分享一些关于我所学到的知识点吧!
前端是分为三大知识点,第一点肯定就是html啦,html相当于就是一个网页的框架,而css啦就是对html的元素进行样式的添加,就比如颜色呀,大小,背景等等,最后就是js啦,就和大家来分享html和css吧!
html中你首先要了解 ...
CSS入门学习
CSS层叠样式表:
0x01 前言
什么是css:
cascading style sheets(层叠 样式 表)
css作用:
结构与样式分离的方式,便于后期维护与改版
可以用多套样式,使网页有任意样式的切换效果
使页面载入得更快,降低服务器的成本
样式表分类:外部、内部、行内样式
0x02 准备
sublime/记事 ...
CSS样式学习
CSS样式学习
1.css概述
css(cascading style sheet):是一种层叠样式表语言
css的作用是修饰HTML页面,设置html元素的样式,让HTML页面更加好看。
css样式能写在html文件中,css的存在就是修饰HTML。
html中使用css样式的方法
方式一:在style ...
CSS学习笔记
前言
这篇博客是我的CSS学习笔记
1. float布局
知识点:
1. 设置浮动:float:none/left/right
2. 设置float布局将脱离文档流,不会占据页面的空间
3. 浮动元素的外边缘不会超过父元素的内边缘
3. 浮动元素不会相互重叠
4. 浮动元素只能左右浮动
5. 浮动元素的display属性将完全失效并可以设置宽高,不会独占一行
6. 清除 ...
前端小白的学习之路--CSS学习
1. 块与行内
块:默认宽度100%,可以设置长度高度
行内块:可以设置长度高度,默认跟文字同长
行内元素:不能设置长度高度,跟文字同长
2. 浮动与清除浮动
浮动,绝对定位,固定定位可以转换为行内块,所以本身要加这些语句就不用写 display:block,就可以直接 给宽度高度
设置浮动时,框框就不占位置了,但是 ...
uniGUI学习之uniButton设置图标+扁平化+角标CSS(34)
1]uniButton设置图标
2]uniButton扁平化CSS
2.2使用bootstrap风格的按钮
3 uniButton 按钮上的文本换行显示
4.实现右上角数字角标效果
1]设置IconCls属性,这种方法不需添加ImageList,简单方便,推荐使用
2]如嫌方法1的图标样式太少,可载入本地图标,双击UniNativeImageList控件,推荐使用
设置uni ...
前端学习——JavaScript&HTML&CSS
以前学习过,有一定的基础,对于之前不清楚的做个快速的梳理,打好基础。
查看:https://www.w3school.com.cn/js/index.asp
1 JavaScript
1.1 输出
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;//访问 HTML 元素
document.write(5 + 6);//一般用于测试
window.alert(5 + ...
CSS学习
什么是CSS:
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎 ...
CSS学习随记
CSS学习笔记
1.什么是CSS
Cascading Style Sheet简称CSS,是层叠样式表
主要用于变现层(用于美化网页)
2.CSS快速入门
1.语法
选择器{
声明1;
声明2;
声明3;
}
2.css的优势
①内容和表现分离
②网页结构表现统一,可 ...
【老白教小白】前端知识学习(1)——基于HTML+CSS实现静态页面
标签: 前端 HTML CSS WEB 静态页面
后端开发狗一只,前段时间有个朋友想要学习前端,问我要学习哪些知识。凭借我多年以前兼职写过web前端的丰富经验,决定装装b,给他汇总一些基础的学习知识(哈哈哈,其实我太深的我也不会啊),索性写都写了,分享一下吧,也算对的起码字过程中的抽的那半包烟了。
本篇文章主要介绍通过 ...
css3笔记系列-2.css中常见的样式属性和值
css3系列-2.css中常见的样式属性和值
继续上一篇文章的继续了解css的基础知识,关注我微信公众号:全栈学习笔记
css中常见的样式属性和值
字体与颜色
背景属性
文本属性
边框属性
内外边距
鼠标光标属性
列表样式
定位属性
浮动和清除浮动
滚动条
样式显示和隐藏
字体与颜色
font-family:微软雅黑;/*字体名称(类型):微 ...
学习 CSS 之用 CSS 3D 实现炫酷效果
一、前言
把大象关进冰箱需要几步?三步,把冰箱门打开,把大象关进去,把冰箱门关上。
用 CSS 实现 3D 效果需几步?三步,设置透视效果 perspective,改变元素载体为 preserve-3d,对元素进行 3D 转换操作。
perspective 属性决定了我们从什么地方查看元素,定义时的 perspective 属性,它是一个元素的子元素 ...
CSS 学习笔记(一)选择器
css学习笔记
一个标签可以有多个class。重复的以后面的为准
并集选择器:用逗号分隔的。
复合选择器(交集选择器):
满足多个条件的选择器。
语法:选择器1选择器2选择器3{}
(中间没有空格)
对拥有class为p3的span元素进行设计:
span.p3{
background-color:yellow;
}
父元素 与 子元素
就是直接包 ...