asp做微网站设计,建设宁夏分行互联网站,新乡+网站建设,创意设计英文翻译HTML详解连载#xff08;5#xff09; 专栏链接 [link](http://t.csdn.cn/xF0H3)下面进行专栏介绍 开始喽行高#xff1a;设置多行文本的间距属性名属性值行高的测量方法 行高-垂直居中技巧 字体族属性名属性值示例扩展 font 复合属性使用场景复合属性示例注意 文本缩进属性… HTML详解连载5 专栏链接 [link](http://t.csdn.cn/xF0H3)下面进行专栏介绍 开始喽行高设置多行文本的间距属性名属性值行高的测量方法 行高-垂直居中技巧 字体族属性名属性值示例扩展 font 复合属性使用场景复合属性示例注意 文本缩进属性名属性值 文字对齐方式作用控制内容水平对齐方式属性名text-aline属性值水平对齐方式-图片 文本修饰线属性名属性值 color文字颜色属性名属性值颜色表示方式颜色关键字-颜色英文单词十六进制表示法-#RRGGBB提示 调试工具-谷歌浏览器作用打开调试工具调试工具细节 复合选择器定义作用 后代选择器写法子代选择器选择器写法 并集选择器写法 交集选择器写法注意 伪类选择器鼠标悬停状态选择器强调伪类-超链接状态注意 专栏链接 link
下面进行专栏介绍
本专栏是自己学前端的征程纯手敲的代码自己跟着黑马课程学习的并加入一些自己的理解对代码和笔记 进行适当修改。希望能对大家能有所帮助同时也是请大家对我进行监督对我写的代码进行建议互相学习。
开始喽 行高设置多行文本的间距
属性名
line-height
属性值
数字px 数字当前标签font-size属性值的倍数
行高的测量方法
从一行文字的最顶端最底端量到下一行文字的最顶端最底端
行高-垂直居中
技巧
行高属性值等于盒子高度属性值
字体族
属性名
font-family
属性值
字体名
示例
font-family楷体;扩展
font-family属性值可以写多个字体名各个字体间用逗号隔开执行顺序是从左到右依次查找 font-family属性最后设置一个字体族名网页开发建议使用无衬线字体
font 复合属性
使用场景
设置网页文字公共样式
复合属性
属性的简写方式一个属性对应多个值的写法各个属性值之间用空格隔开 font是否倾斜 是否加粗 字号/行高 字体必须按顺序书写
示例
div {font:italic 700 30px/2 楷体;
}注意
字号和字体值必须书写否则font属性不生效
文本缩进
属性名
text-index
属性值
数字px 数字em1em当前标签的字号大小
文字对齐方式
作用控制内容水平对齐方式
属性名text-aline
属性值
left-左对齐默认 center-居中 right-右对齐
水平对齐方式-图片
text-aline本质是控制内容的对齐方式属性要设置给内容的父级
文本修饰线
属性名
text-decoration
属性值
属性属性值none无underline下划线line-through删除线overline上划线
color文字颜色
属性名
color
属性值
颜色表示方式
颜色关键字-颜色英文单词
rgb表示法-rgbr,g,b)-rgb三原色 取值0-255 rgba表示法-rgbar,g,b,a)a表示透明度 取值0-1
十六进制表示法-#RRGGBB
提示
只要属性值为颜色都可以使用上述四种颜色表示方式例如背景色。
调试工具-谷歌浏览器
作用
检查、调式代码帮助程序员发现代码问题、解决问题
打开调试工具
F12
调试工具细节
1.如果是错误的属性有黄色叹号 2.CSS属性的前面有多选框如果勾选属性生效
复合选择器
定义
由两个或多个基础选择器通过不同的方式组合而成
作用
更准确、更高效的选择目标元素标签
后代选择器
选中某元素的后代元素
写法
父选择器 子选择器{CSS属性}父子选择器之间用空格隔开。
子代选择器
选中某元素的子代元素最近的子级
选择器写法
父选择器子选择器{CSS属性}父子选择器之间用隔开
并集选择器
选中多组标签设置相同的样式
写法
选择器1选择器2…选择器N{CSS属性}选择器之间用隔开
交集选择器
选中同时满足多个条件的元素
写法
选择器1选择器2{CSS属性}选择器之间连携没有任何符号
注意
如果交集选择器中由标签选择器标签选择器必须书写在最前面 伪类选择器
伪类表示元素状态选中元素的某个状态设置样式
鼠标悬停状态
选择器
hover{CSS属性}强调
任何标签都可以设置鼠标悬停状态
伪类-超链接
状态
:link 访问前
:visited访问后
:hover 鼠标悬停
:action 点击时激活注意
如果要给超链接设置以上四个状态应按照LVHA的顺序书写
