【第五章 CSS常用属性笔记】的更多相关文章

第五章 CSS常用属性笔记

1. span标签 突显,强调局部文字的作用. 2.字体样式 font-size: 字体大小 font-style:normal,italic(倾斜) font-weight:normal,bold(加粗) font-familty:字体类型(楷体) font:样式 粗细 字体大小 字体类型. 3.文本样式 color: 文本样式 text-align: 水平对齐方式(left,center,right) text-indent: 首行缩进 line-height: 行高 text-decora…

好程序员web前端分享css常用属性缩写

好程序员web前端分享css常用属性缩写,使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 pr…

1+x证书学习日志——css常用属性

 ## css常用属性:             1:文本属性:                 文本大小:  font-size:18px;                 文本颜色    color:#ff0000                 文本类型:   font-family:'微软雅黑'                 文本加粗    font-weight:bold/bolder   normal 常规文本                 文本的倾斜  font-style: …

< 利用Python进行数据分析 - 第2版 > 第五章 pandas入门 读书笔记

<利用Python进行数据分析·第2版>第五章 pandas入门--基础对象.操作.规则 python引用.浅拷贝.深拷贝 / 视图.副本 视图=引用 副本=浅拷贝/深拷贝 浅拷贝/深拷贝区别 浅拷贝:拷贝对象的副本,但内部子对象还是引用(如果list内还有小list,小list改变会使原对象变化 .copy/python切片/ * 运算 深拷贝:父对象子对象副本全都拷贝,没有引用 .deepcopy 第五章:pandas入门 pandas: Series:类数组数据结构 DataFrame:…

CSS常用属性-xy

一.文本Text CSS text-align 属性 文本对齐方式 CSS text-decoration 属性 text-decoration 属性规定添加到文本的修饰 CSS line-height 属性 设置以百分比计的行高 CSS text-transform 属性 text-transform 属性控制文本的大小写 CSS3 text-overflow 属性 text-overflow 属性规定当文本溢出包含元素时发生的事情 1.CSS text-align 属性   文本对齐方式 l…

0004-20180422-自动化第五章-python基础学习笔记

内容回顾:1.数据类型 2.for和while循环 continue break #如下循环将怎么打印结果? for i in range(1,10): print(i) for i in range(10,20): print(i) #如下循环将怎么打印结果?----结果只打印1 for i in range(1,10): print(i) break for i in range(10,20): print(i) #如下循环将怎么打印结果?----只打印1,10-19 for i in ra…

02: css常用属性

目录: 1.1 设置样式的七个选择器 1.2 css常见属性浅析 1.3 css布局中常用方法 1.1 设置样式的七个选择器返回顶部 1.其中选择器介绍 1. 直接在标签里的style标签写样式 2. id选择器(名字以“#”号开头):       只能被某一个标签使用 3. class选择器(名字以“.”号开头):   可以被多个标签同时引用 4. 标签选择器:比如你设置一个div标签选择器,那么所有div默认都会使用这个样式 5. 层级选择器(用空格分隔):     span div{}  …

Linux 笔记 - 第十五章 MySQL 常用操作和 phpMyAdmin

博客地址:http://www.moonxy.com 一.前言 前面几章介绍了 MySQL 的安装和简单的配置,只会这些还不够,作为 Linux 系统管理员,我们还需要掌握一些基本的操作,以满足日常管理工作所需.MySQL环境中的命令需要带一个分号作为命令结束符. MySQL 之父 Widenius 先生离开了 Sun 之后,觉得依靠 Sun/Oracle 来发展 MySQL,实在很不靠谱,于是决定另开分支,这个分支的名字叫做 MariaDB.MariaDB 跟 MySQL 在绝大多数方面是兼容…

css常用属性汇总

一.常用css属性 (1) *block(区块) 行高 line-height:数值 | inherit | normal; 字间距 letter-spacing: 数值 | inherit | normal; 词间距 word-spacing: 数值 | inherit | normal; 空格 white-space: pre(保留) | nowrap(不换行) | normal; /*表格宽度自适应*/ th { white-space: nowrap; } 显示 display: non…

第五章 CSS页面布局基础

1.标准文档流 在正常流中,在没有使用浮动或者定位的情况下,文本元素按照从上到下.从左到右的格式布局.这是浏览器的默认行为.在正常流中,块级元素从上到下依次排列,而行级元素从左到右依次排列.正常流中的元素影响其相邻元素的位置. 2.块级元素 前后换行显示,默认状态下独占一行: 块级元素可以作为容器,包含其他行级元素.块级元素: 块级元素有一定高度和宽度,可以通过width和height来设置. div,table,p,h1-h6,ul,form等等 3.行级元素(内嵌元素.内联标签) 类似于文本…

23----2013.07.01---Div和Span区别,Css常用属性,选择器,使用css的方式,脱离文档流,div+css布局,盒子模型,框架,js基本介绍

01 复习内容 复习之前的知识点 02演示VS创建元素 03div和span区别 通过display属性进行DIV与Span之间的转换.div->span 设置display:inline    span->div 设置display:block <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont…

IDEA第五章----Git常用技能

前几篇已经介绍了idea的环境搭建及基础配置常用模板等,这一章我们介绍下idea中git的一些常用技能,包括提交文件,排除提交文件,合并分支,解决冲突,还原代码等等等. 第一节:Git常用技能 Git客户端的配置 Git中常用菜单 左侧文件第一种颜色是有修改的,第二个是新增的,第三个是没有修改的.箭头一表示修改的代码,箭头二表示新增的代码,箭头三表示删除的代码 这是Git的提交页面,从左边数第一个是比较修改,第二个是刷新,第五个是增加change list,第六个是删除,第八个是还原,第九个是定…

css常用属性1

1  背景相关 背景颜色 background-color     = 颜色名称/rgb值/十六进制值 背景图片 background-image = url('') 背景图片平铺方式 background-repeat   = repeat-x(仅水平平铺)  repeat-y(仅垂直平铺)  no-repeat(不平铺) 设置背景图片位置 background-position = 数字+单位/center/top/bottom/left/right   同上.  例如:50px 50px…

css常用属性总结：背景background下篇

前言:这段时间天天加班到10:30之后,简直是x了. 在上一篇文章中,分别解析了background各个属性的用法和注意细节.如果我们在项目上使用背景效果,如果使用下面的写法,你可能抓狂. body{background-color:#ccc;background-image:url(bg123.gif);background-repeat:no-repeat;background-position:50% 50%;} 这样就会得到自己想要的背景效果,但是如果每次都这么写,那就太坑爹了,其实ba…

css常用属性总结：颜色和单位

在css代码编写中,估计颜色和单位是必不可少的,然而在css中关于颜色和单位值的写法有很多种写法,所以有必要把它弄清楚. 颜色 当初我在初学前端的时候,就会冒出一个疑问“我该如何设置网页颜色?”,一般常用英文颜色名或者十六进制颜色值来设置颜色,但是css中还有一些其他较为复杂的写法. RGB颜色 计算机通过不同级别的红.绿.蓝来产生新的颜色,这就是常说的RGB颜色.有了这样一个产生颜色的机制,就可以通过直接给出不同的颜色级来确定颜色,就可以自己去组合三种颜色的值. 写法:h1{color:rgb…

javascript之css常用属性

1. position : 属性值有absolute .fixed.relative absolute:生成绝对定位的元素,相对第一父元素进行定位: fixed :   生成绝对定位的元素,相对于浏览器窗口进行定位: relative:生成相对定位的元素,相对于其(代指元素本身)正常位置进行定位: 详细用法可参考:http://www.w3school.com.cn/css/pr_class_position.asp…

css常用属性2

1  浮动和清除浮动 在上篇的第十一节--定位中说道: CSS 有三种基本的定位机制:普通流.浮动和绝对定位. 普通流和绝对定位已经说完,接下来就是浮动了. 什么是浮动? CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列. 我的理解是:浮动将元素'上浮'一层,并保留元素在上层对下层的投影的位置. 请注意: 元素的水平方向浮动,意味着元素只能左右移动而不能上下移动. 一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止. 浮动元素之后的…

html+css常用小笔记（持续更新）

1 去掉input点击时的蓝色边框 outline:none; 2 禁止文本选中 -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Inte…

css常用属性总结：关于word-spacing和letter-spacing的使用

前端时间项目版本迭代,修改代码时发现使用了关于word-spacing和letter-spacing.先说下使用场景,以前的项目中,经常遇到某些字符间有一些间距,我看了一些同事的代码是这么实现的: <p>操&nbsp作</p> 如果之间比一个空格距离要宽的话,就多加几个&nbsp,这个方法虽然可行,总觉得是太暴力了,于是自己使用了css来实现该效果,但是中间也遇到一些以前没注意问题,那就是word-spacing和letter-spacing的差别. 开始自己也想很…

css常用属性总结：文本属性中的text-indent

在网页中的文本格式中最重要的效果之一就是段落的首行文本缩进,尤其在新闻类页面,使用text-indent,任何元素都可以让首行以给定的长度缩进, 长度甚至可以是负数,这一属性的最常用方式就是段落的首行缩进: p{text-align:2em;} 这条规则使任何段落的首行缩进2个字符大小. 通常,text-indent可应用于任何块级元素,但不能应用于内联元素,也不能用于替换元素,如<img />,但是,如果段落首行有一个图像,那么它将随文本一起移动. text-indent支持负的文本缩进,如…

css常用属性初总结：font

平时在做项目时,UX常说的一句话就是“这里的字体不对吧,字体大小也不太对,你们前端有没有按规范来”,今天,我们就一起来看看这折磨人的font属性. 字体属性font-family 允许值 系列名 初始值 与用户代理有关 可否继承 可继承 适用于 所有元素 如果需要将某个元素的字体修改只需简单的一句代码: p{font-family:sans-serif;} 这样p元素中的文字就变成了改字体.这里的字体名字不区分大小写.对于有空格的字体名或则带特殊符号的字体名,要将字体用引号包裹起来,如果我们设置…

css常用属性总结第二弹:id选择器

承接上一篇class选择器,这一篇我们来说说css的id选择器. id选择器类似于类选择器,不过也有一些重要的差别,首先,id选择器前面有一个#号----称它为棋牌号吧,class为点号,用法就和class选择器类似,基本用法如下: #element{属性名:属性值} 我们来看一个列子吧:<html><head><style type="text/css">#p1{color:red;font-weight:600;}</style>&l…

第2章 css边框属性

圆角效果 border-radius border-radius是向元素添加圆角边框. 使用方法: border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角.右上角.右下角和左下角,顺时针 */ 不要以为border-radius的值只能用px单位,你还可以用百分比或者em,但兼容性目前还不太好. 实心上半圆: 方法:把高度(height)设为宽度(width)的一半,并且只…

html--前端css常用属性

1.颜色属性 <div style="color:blueviolet">ppppp</div> 输入颜色英文单词 <div style="color:#ffee33">ppppp</div> 16进制颜色样式 <div style="color:rgb(255,0,0)">ppppp</div> 红绿蓝三原色按顺序 <div style="color:rgb…

CSS 常用属性之 阴影

text-shadow 是一个给文字添加阴影的属性 text-shadow: X偏移量,Y偏移量,模糊值,颜色  可以同时设置多个文本阴影,需要用逗号隔开 如果是需要兼容低版本的浏览器 -webkit-text-shadow -moz-text-shadow -o-text-shadow <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title…

CSS常用属性之选择器

css选择器 序号 选择器 例子 例子描述 1 .class .intro 选择class="intro"的所有元素 2 #id #firstname 选择id="firstname"的元素 3 element p 选择所有<p>元素 4 element,element div,p 选择所有<div>元素和所有<p>元素 5 element element div p 选择<div>元素内部的所有<p>元素…

Css 常用属性

1. overflow:hidden和zoom:1 verflow:hidden;的作用 1. 隐藏溢出 :2.消除浮动 <style type="text/css"> #div1 { height:auto;border:solid 1px red;zoom:;overflow:hidden;} #div2 {float:left; height:100px;width:100px;background:blue;} </style> <div id=&…

css常用属性总结：背景background上篇

1.在前面一节中我们提到了color的使用,类似于前景色,我们同样可以为元素的背景声明颜色,可以使用background-color属性, 它接受任何有效的颜色值.先看看它的语法. background-color 允许值 <颜色> | transparent 初始值 transparent 可否继承 否 适用于 所有元素 2.背景指的是内容框(content)和补白(padding),总是位于前景的后面,所以,社么金明的背景色会同时应用于内容框和补白,当然,css3中增加了可以控制背景色的渲…

css常用属性总结：文本属性中的text-align

前面提到text-indent属性,用来实现文本的缩进,今天的text-align使用率可比文本缩进高的多.拿自己现在做的项目上来说,水平居中和垂直居中估计是用到最多了,那我们就先看看它的语法吧! text-align 允许值 left| center | right | justify | 初始值 与用户代理有关 可否继承 是 适用于 块级元素 text-align是另一个只适应于块级元素的属性,如果你想居中某行中的一个链接或者图片,而不管行中剩余部分的对齐方式是行不通的.我们先通过下图整体感…

css常用属性初总结:伪元素和伪元素

前面几遍中我们分别说到了id选择器和class选择器,以及它们的区别和联系,下面大家一起来探究一下神奇的为类和伪元素吧. 其实以前我对伪类和伪元素也是搞得稀里糊涂的,现在决定剥开它神秘的外衣,首先,究竟什么是伪类?什么是伪元素? 伪类和伪元素的理解: 官方解释: 伪类一开始只是用来表示一些元素的动态状态,典型的就是大家常用的链接的各个状态(link.active.hover.visited),随后css2标准扩展了其概念范围,使其成为了所有逻辑上存在但在文档树中却无标识的“幽灵”分类. 伪元素则…