css学习_文本有关的样式属性、sublime快捷生成标签

【css学习_文本有关的样式属性、sublime快捷生成标签】的更多相关文章

css学习_文本有关的样式属性、sublime快捷生成标签

1.css中color定义文本的颜色写法:(最常用的是16进制的) 2.行间距 line-height 3.水平对齐方式 text-align left right center 4.首行缩进 text-indent 5.字与字间距 letter-spacing div{letter-spacing:2px} 6.单词间距 (针对英文,中文无效) word-spacing 7.颜色半透明(css3) 4个参数不能省略 0--完全透明 1-完全不透明 8.文字阴影 text…

CSS学习笔记1：字体样式属性

CSS初识成叠样式表,主要用于设置html页面的外观产生原因:为了解决混乱的结构和样式,使结构和样式相分离. CSS注释 /*这是CSS注释*/ CSS样式规则 1.选择器用于指定css样式作用的html对象,{}里面是对该对象设置的具体样式. 2.属性和属性值以“键值对”的形式出现. 3.属性是对指定对象设置的样式属性,例如:字体大小.文字样式. 4.属性域属性值之间用英文冒号分开. 5.属性域属性之前用英文分号分隔. <style type="text/css">…

【CSS学习】--- 文本样式

一.前言 CSS文本属性可以定义文本的外观.通过文本属性,可以定义文本的颜色.字符间距,对齐文本,装饰文本,对文本进行缩进,等等. CSS常用的文本属性目录: text-align 文本对齐属性 text-indent 首行缩进属性 line-height 行高属性 word-spacing 单词间隔属性 letter-spacing 字符间隔属性 text-decoration 文本装饰属性 text-transform 大小写转换属性下面我们开始逐步学习CSS中的文本样式. 二.文本对齐:…

CSS学习_属性选择器

CSS选择器参考 [attribute]——选取带有指定属性的元素: [attribute=value]——选取带有指定属性和值的元素: [attribute~=value]——选取属性值中包含指定词汇的元素: [attribute|=value]——选取带有以指定值开头的属性值的元素,该值必须是整个单词: [attribute^=value]——匹配属性值以指定值开头的每个的元素: [attribute$=value]——匹配属性值以指定值结尾的每个的元素: [attribute*=value…

css学习_写法规范、选择器

1.css(层叠样式表)样式主要目的(让页面更好看些) css尽量不要写内联样式,保证结构和样式分离原则: html专门负责结构,css专门负责样式. 2.css写法规范选择器 { 属性 :值 : } 内联样式写在标签里 style=“”属性:值“” 内部样式写在head标签里的style标签里外部样式通过链接导入样式表 link 3.font-size(字号大小) 4.浏览器默认字体font-family 微软雅黑 ,字体大小一般默认为16px 一般不想写中文是可以用…

【CSS学习】--- 文本水平对齐属性text-align和元素垂直对齐属性vertical-align

一.文本水平对齐属性---text-align text-align属性是将块级标签以及单元格里面的内容进行相应的对齐,块级标签里的内联元素会被整体进行移动,而子块级元素或子单元格则会继承父元素的text-align属性. 属性值:  <div style="text-align: center;"> <span style="background-color: yellow;"&…

CSS学习笔记2-2d变换和过渡属性

前言:今天又是一个周末,心情不错,趁着闲暇之余,把剩下来的CSS3学习的内容全部整理出来,练习用的源码也稍微整理了一下. 2D转换 transform:translate||rotate||scale||skew 平移.旋转.缩放.斜切 1. 平移 transform:translate() 参数说明: 只有一个值的情况下,表示水平方向运动,正值向右,负值向左,也可以接受百分比,百分比参照的是自身的宽,高两个值分别控制水平和垂直移动不会影响其他的元素,类似于相对定位我们可以通过盒子的绝对定…

[19/06/07-星期五] CSS基础_布局&定位&背景样式

一.固定布局(不适应设备的浏览器的变化) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>简单布局</title> <style type="text/css"> /*清除默认样式*/ *{ margin: 0; padding: 0; } .header{ width: 1000px; height: 100p…

CSS学习（7）继承、属性值的计算过程

子元素会继承父元素的某些css属性通常跟字体相关的属性都能被继承,具体的可以在mdn里查询是否是可继承属性属性值的计算过程(渲染过程) 按照页面文档的树形目录结构进行依次渲染前提条件:渲染的元素的所有CSS属性必须有值一个元素从所有属性都没有值到所有属性都有值,这个计算过程,叫做属性值计算过程 (以下四步,每一步可能会确定一些属性值,没有确定的,继续下一步确定) ①确定声明值:参考样式表中没有冲突的声明,作为CSS属性值(比如作者样式表中没有,浏览器默认有值,则使用浏览器的) ②层叠冲突…

CSS学习（4）常见样式声明

1.文本 color 文字颜色预设值:定义好的单词,如red blue 光学的三原色(红,绿,蓝),如 rgb(32,45,255) HEX十六进制,如#008CFF(#112233可以简写为#123) text-align 对齐方式值:center居中 right居右 justify每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸). text-decoration 文本修饰值:none 无,主要用来去掉链接下划线 overline 这种效果 line-through…