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样式笔记(笔记)的更多相关文章

  1. 前端学习:CSS的学习总结(图解)

    前端学习:CSS的学习总结(图解) CSS代码笔记 CSS简介 css的引入方式和书写规范 CSS选择器 CSS属性 CSS盒子模型 CSS的定位

  2. 前端基础:CSS样式选择器

    前端基础:CSS样式选择器 CSS概述 CSS是Cascading Style Sheets的简称,中文意思是:层叠样式表,对html标签的渲染和布局.CSS规则由两个主要的部分组成:1.选择器:2. ...

  3. bootstrap学习总结-css样式设计(一)

    由于项目需要,所以打算好好学习下bootstrap框架,之前了解一点,框架总体不难,但涉及到的东西还是很多,想要熟练掌握它,还是要多练练. 一:bootstrap是什么? bs是什么?  即前端页面搭 ...

  4. 前端学习 之 CSS(三)

    九:浮动 浮动是css里面布局最多的一个属性,也是很重要的一个属性. float:表示浮动的意思. 属性值: none: 表示不浮动,默认 left: 表示左浮动 right:表示右浮动 例: htm ...

  5. ReactNative学习之css样式使用

    前言: 前面学习了html,今天学习一下css的基本使用,看下html与css之间是如何结合来编写前端网页的. CSS 是什么? CSS 是 Cascading Style Sheets(级联样式表) ...

  6. 前端学习 之 CSS(一)

    一:什么是 CSS? ·CSS 指层叠样式表 (Cascading Style Sheets) ·样式定义如何显示 HTML 元素 ·样式通常存储在样式表中 ·把样式添加到 HTML 4.0 中,是为 ...

  7. Web前端新人之CSS样式选择器

    最近在学习css样式.那么我就想先整理一下css样式的选择器 规则结构: 每个规则都有两个基本部分:选择器和声明块.声明块由一个或者多个声明组成,每个声明则是一个属性—值对(property-valu ...

  8. 前端学习之CSS

    CSS介绍 CSS(Cascading Style Sheet, 层叠样式表)定义如何显示HTML元素, 给HTML设置样式, 让它更加美观. 当浏览器读到一个样式表, 它就会按照这个样式表来对文档进 ...

  9. 前端基础之css样式(选择器)

    一.css概述 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 例如 二.c ...

  10. 前端学习(3)-CSS

    一 CSS CSS是Cascading Style Sheets的缩写,层叠样式表,用来控制网页数据的显示,可以使网页的显示与数据内容分离. 二 引入方式 (1)行内式:在标记的style属性中设置C ...

随机推荐

  1. .net Core AJAX使用Header传递参数,以JsonResult返回信息

    function postHeader() { $.ajax({ url : "/myTest/PostHeader?time="+ (new date()).getTime(), ...

  2. line vty 0 4的意义

    VTY是路由器的远程登陆的虚拟端口,0 4表示可以同时打开5个会话,line vty 0 4是进入VTY端口,对VTY端口进行配置,比如说配置密码,或者ACL. 进入VTY 0 0 好象没什么实际操作 ...

  3. 简单递归____Fibonacci数列

    #include <stdio.h> int fun(int x) { ||x==) ; else return fun(x-1)+fun(x-2); } int main() { int ...

  4. js console对象

    js调试 根据信息的不同性质,console对象显示信息的方法,分别是一般信息console.log(),console.info().除错信息console.debug().警告提示console. ...

  5. 百度语音 python

    python实现语音识别 我们用到是百度语音识别,因为不掏钱哈哈!首先去百度官网去创建你的 APPID AK SK 这个网上很多大家没创建的自己看下 目前本SDK的功能同REST API,需要联网调用 ...

  6. nginx 全面优化 负载均衡

    修改nginx.conf文件,它保存有nginx不同模块的全部设置.如果是原生安装的话应该在服务器的 /etc/nginx 目录找到 nginx.conf ,使用其它安装包的话也可以自行查找nginx ...

  7. SQL语句之-计算字段/分组

    五.计算字段 1.拼接字段 MySQL:使用函数concat SqlServer:使用加号+ oracle:使用|| SELECT CONCAT(vend_name,'(',vend_country, ...

  8. STM32 系统架构

    这里所讲的 STM32 系统架构主要针对的 STM32F103 这些非互联型芯片 STM32 主系统主要由四个驱动单元和四个被动单元构成. 四个驱动单元是: 内核 DCode 总线; 系统总线;通用  ...

  9. C++——运行时类型识别RTTI

    1.实现方式 typeid运算符,返回表达式的类型 dynamic_cast运算符,基类的指针或引用安全地转换成派生类的指针或引用 2.适用于:使用基类的指针或引用执行派生类的操作,且该操作不是虚函数 ...

  10. 18. HTTP协议一:概述、原理、版本、请求方法

    HTTP协议概述 HTTP协议就是我们常说的超文本协议(HyperText Transfer Protocol).HTTP协议是互联网上应用最为广泛的一种网络协议.所有的WWW文件都必须遵守这个标准. ...