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-shadow

9、sublime

快捷键(常用快速生成标签/元素)

div*10

div>li*5

div>p+h1

.red

#two

原文地址:https://www.cnblogs.com/yangyutian/p/10447927.html

时间: 2024-10-20 16:40:49

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

CSS学习_属性选择器

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

CSS基础知识之背景图片样式属性、雪碧图、列表导航栏、超链接的伪类样式、盒子模型、overflow、圆角弧度

目录: 背景图片样式属性 雪碧图 列表导航栏 超链接的伪类样式 盒子模型. overflow. 圆角弧度 背景图片样式属性: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> #imgContainer { border: 20px dotted yellow; padding: 50px; height: 400p

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

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

css学习之-对链接应用样式

1.简单的链接样式 对链接应用样式最容易的方式是使用锚类型选择器,但是锚类型选择器也不总是理想的,因为它既可以作为内部引用,又可以作为外部链接. 锚的伪类选择器,:link,:visited,:hover,:focus,:active 大多数人最初使用锚选择器做的第一件事是去掉链接的下划线,text-decoration:none,添加下划线,text-decoration:underline 2.简单的链接修饰 a.使用边框创建不太影响美观的下划线 b.使用图像创建链接下划线 3.为已访问链接

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

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

css 字体、文本、列表样式

1.字体样式 font-family:设置字体类型  font-family:"隶书"||"wps里面有的"||"常用微软雅黑Microsoft YaHei"; font-size :设置字体大小  font-size:12px; font-style :设置字体风格  font-style: normal - 文本正常显示 italic - 文本斜体显示 oblique - 文本倾斜显示 font-weight:设置字体粗细 font-weig

NEC学习 ---- 模块 -文本圆角背景导航

下图是效果图: 然后, 左右两边的圆角图片和背景图片如下 (因为截图工具的原因, 可能图片不是很清晰. 这个图片有4个部分, 分别是中间的背景图, 左右圆角以及栏目分隔白线) 思路: 利用inline-block元素的中间性(既有块级元素特点: 能够控制宽高,可以定位, 也有内联元素特点: 可以被父元素text-align等) HTML代码: <div class="m-nav"> <ul> <li class="first">&

CSS(2)---css字体、文本样式属性

css字体.文本样式属性 这篇主要讲CSS文本属性中的:字体样式属性 和 文本样式属性. 一.字体样式属性 CSS 字体属性主要包括:字体设置(font-family).字号大小(font-size).字体粗细(font-weight).字体风格(font-style).字体颜色(color). 1.字体设置(font-family) 网页中常用的字体有 宋体.微软雅黑.黑体 等,例如将网页中 所有p标签的字体设置为微软雅黑,可以使用如下CSS样式代码: p { font-family:"微软雅

CSS学习笔记:溢出文本省略(text-overflow)

原文:CSS学习笔记:溢出文本省略(text-overflow) 在CSS3中,text-overflow属性的基本语法如下: clip:表示不显示省略文本,简单的裁切. ellipsis:表示对象文本溢出时显示省略标记,省略标记插入的位置是最后一个字符. ellipsis-word:表示当对象文本溢出时显示省略标记,省略标记插入的位置是最后一个词(word). 实际上,text-overflow属性仅用于决定当文本溢出时是否显示省略标记,并不具备样式定义的功能,要实现溢出时产生省略号的效果,应