前端学习(二)css样式笔记(笔记)
background-image:url(img/xiaofeiji.jpg)
背景图:url(图片路径);(背景图默认平铺)
background-repeat:repeat-x/repeat-y/no-repeat;
背景重复状态:x轴/y轴/不重复;
background-position:100px 10px;---数字写法
背景图定位:居左100px 居上10px
background-position:top right;----单词写法
background-position:center center;-----居中
背景图缩写:
background:url(img/xiaofeiji.jpg) no-repeat top left yellow;
background:背景图片 重复状态 位置 背景颜色;
****
background:背景图片 重复状态 位置;
讲一些关于文字样式:
color:red;
字体颜色
font-weight:bold/normal;(500以上是加粗,500以下变细)
字体粗细:加粗/变细;
font-size:14px;(网页中默认的字体大小16px,网页中字体最小是12px)
字体大小:14px;
font-family:'微软雅黑';
字体库:
font-style:italic/normal;
字体倾斜:倾斜/不倾斜
text-decoration:none/underline/line-through/overline;
文本状态:没有划线/下划线/中划线/上划线;
text-indent:2em;-----em单位(1em就是一个字的大小)
文本缩进:2em
功能:1.文本缩进
2.隐藏文字
text-align:center/left/right;
文本左右位置:居中/居左/居右
line-height:65px;
行高:65px;(如果想让某段文字在100px高度居中那么就写line-height:100px;)
=================================================
实体字符:
空格:
----------------------------------------------
调试页面:
-----------------------------------------------
ps
挖空一个图片
快捷键:
f7 图层
W 魔棒工具
步骤:
1.选中魔棒工具
2.点击需要挖空区域(系统默认会选中这写区域)
3.点击按钮delete,删除掉选中的区域
4.一次重复操作
图片格式:区别
jpg 不支持透明 质量较好 新闻图片
png 支持透明和半透明 质量好 产品图片 logo
gif 支持透明、不支持半透明 一般 表情 小动态图标
--------------------------------------------------
新标签:
b ---默认有加粗效果
strong----默认加粗效果(语义化功能)
i----默认是倾斜效果
em---默认是倾斜效果(语义化功能)
font-style:italic;
注意:
在程序当中,所有有默认样式的标签,都要清除掉它们默认样式!!!
===============================================
继承:
子级标签可以继承父级标签的字体方面样式!
写页面的方法:
1.从大到小
2.从上到下
前端学习(二)css样式笔记(笔记)的更多相关文章
- 前端学习:CSS的学习总结(图解)
前端学习:CSS的学习总结(图解) CSS代码笔记 CSS简介 css的引入方式和书写规范 CSS选择器 CSS属性 CSS盒子模型 CSS的定位
- 前端基础:CSS样式选择器
前端基础:CSS样式选择器 CSS概述 CSS是Cascading Style Sheets的简称,中文意思是:层叠样式表,对html标签的渲染和布局.CSS规则由两个主要的部分组成:1.选择器:2. ...
- bootstrap学习总结-css样式设计(一)
由于项目需要,所以打算好好学习下bootstrap框架,之前了解一点,框架总体不难,但涉及到的东西还是很多,想要熟练掌握它,还是要多练练. 一:bootstrap是什么? bs是什么? 即前端页面搭 ...
- 前端学习 之 CSS(三)
九:浮动 浮动是css里面布局最多的一个属性,也是很重要的一个属性. float:表示浮动的意思. 属性值: none: 表示不浮动,默认 left: 表示左浮动 right:表示右浮动 例: htm ...
- ReactNative学习之css样式使用
前言: 前面学习了html,今天学习一下css的基本使用,看下html与css之间是如何结合来编写前端网页的. CSS 是什么? CSS 是 Cascading Style Sheets(级联样式表) ...
- 前端学习 之 CSS(一)
一:什么是 CSS? ·CSS 指层叠样式表 (Cascading Style Sheets) ·样式定义如何显示 HTML 元素 ·样式通常存储在样式表中 ·把样式添加到 HTML 4.0 中,是为 ...
- Web前端新人之CSS样式选择器
最近在学习css样式.那么我就想先整理一下css样式的选择器 规则结构: 每个规则都有两个基本部分:选择器和声明块.声明块由一个或者多个声明组成,每个声明则是一个属性—值对(property-valu ...
- 前端学习之CSS
CSS介绍 CSS(Cascading Style Sheet, 层叠样式表)定义如何显示HTML元素, 给HTML设置样式, 让它更加美观. 当浏览器读到一个样式表, 它就会按照这个样式表来对文档进 ...
- 前端基础之css样式(选择器)
一.css概述 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 例如 二.c ...
- 前端学习(3)-CSS
一 CSS CSS是Cascading Style Sheets的缩写,层叠样式表,用来控制网页数据的显示,可以使网页的显示与数据内容分离. 二 引入方式 (1)行内式:在标记的style属性中设置C ...
随机推荐
- .net Core AJAX使用Header传递参数,以JsonResult返回信息
function postHeader() { $.ajax({ url : "/myTest/PostHeader?time="+ (new date()).getTime(), ...
- line vty 0 4的意义
VTY是路由器的远程登陆的虚拟端口,0 4表示可以同时打开5个会话,line vty 0 4是进入VTY端口,对VTY端口进行配置,比如说配置密码,或者ACL. 进入VTY 0 0 好象没什么实际操作 ...
- 简单递归____Fibonacci数列
#include <stdio.h> int fun(int x) { ||x==) ; else return fun(x-1)+fun(x-2); } int main() { int ...
- js console对象
js调试 根据信息的不同性质,console对象显示信息的方法,分别是一般信息console.log(),console.info().除错信息console.debug().警告提示console. ...
- 百度语音 python
python实现语音识别 我们用到是百度语音识别,因为不掏钱哈哈!首先去百度官网去创建你的 APPID AK SK 这个网上很多大家没创建的自己看下 目前本SDK的功能同REST API,需要联网调用 ...
- nginx 全面优化 负载均衡
修改nginx.conf文件,它保存有nginx不同模块的全部设置.如果是原生安装的话应该在服务器的 /etc/nginx 目录找到 nginx.conf ,使用其它安装包的话也可以自行查找nginx ...
- SQL语句之-计算字段/分组
五.计算字段 1.拼接字段 MySQL:使用函数concat SqlServer:使用加号+ oracle:使用|| SELECT CONCAT(vend_name,'(',vend_country, ...
- STM32 系统架构
这里所讲的 STM32 系统架构主要针对的 STM32F103 这些非互联型芯片 STM32 主系统主要由四个驱动单元和四个被动单元构成. 四个驱动单元是: 内核 DCode 总线; 系统总线;通用 ...
- C++——运行时类型识别RTTI
1.实现方式 typeid运算符,返回表达式的类型 dynamic_cast运算符,基类的指针或引用安全地转换成派生类的指针或引用 2.适用于:使用基类的指针或引用执行派生类的操作,且该操作不是虚函数 ...
- 18. HTTP协议一:概述、原理、版本、请求方法
HTTP协议概述 HTTP协议就是我们常说的超文本协议(HyperText Transfer Protocol).HTTP协议是互联网上应用最为广泛的一种网络协议.所有的WWW文件都必须遵守这个标准. ...