css 文本属性和字体属性】的更多相关文章

本文最初于2015-10-04发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 本文重要内容 CSS的单位 字体属性 文本属性 定位属性:position.float.overflow等 CSS的单位 html中的单位只有一种,那就是像素px,所以单位是可以省略的,但是在CSS中不一样. CSS中的单位是必须要写的,因为它没有默认单位. 绝对单位: 1 in=2.54cm=25.4mm=72pt=6pc. 各种单位的含义: i…
01-CSS属性:字体属性和文本属性 #本文重要内容 CSS的单位 字体属性 文本属性 定位属性:position.float.overflow等 #CSS的单位 html中的单位只有一种,那就是像素px,所以单位是可以省略的,但是在CSS中不一样. CSS中的单位是必须要写的,因为它没有默认单位. #绝对单位 1 in=2.54cm=25.4mm=72pt=6pc. 各种单位的含义: in:英寸Inches (1 英寸 = 2.54 厘米) cm:厘米Centimeters mm:毫米Mill…
1.将浮动居中 这需要三个盒子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } .Bar{ width: 500px; height: 500px; background-color: yell…
昨日内容回顾 高级选择器: 后代选择 : div p 子代选择器 : div>p 并集选择器: div,p 交集选择器: div.active 属性选择器: [属性~='属性值'] 伪类选择器 a LoVe HAte 必须要 遵循这个准则 “爱恨准则” nth-child(3n+1) first-child last-child 继承性和层叠性 继承性: 文本的属性: color text-*,line-*,font-* 盒子属性 定位布局的元素 层叠性: 1.先看标签元素有没有被选中,如果选中…
03--CSS布局设置 本节目录 一 盒模型 二 padding(内边距) 三 boder(边框) 四 简单认识一下margin(外边距) 五 标准文档流 六 块级元素和行内元素 七 浮动 八 margin的用法 九 文本属性和字体属性 十 超链接导航栏案例 十一 background(背景) 十二 定位 十三 z-index 一 盒模型 盒模型 在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子.我们称为这种盒子叫盒模型.…
文本属性 介绍几个常用的. 文本对齐 text-align 属性规定元素中的文本的水平对齐方式. 属性值:none | center | left | right | justify 文本颜色 color属性 文本首行缩进 text-indent 属性规定元素首行缩进的距离,单位建议使用em 文本修饰 text-decoration属性规定文本修饰的样式 属性值:none(默认) | underline(下划线) | overline(定义文本上的一条线)  | line-through (定义…
一.昨日内容总结 1.盒模型及其属性 2.文本级标签.行内块.块级标签 3.继承性.层叠性.权重 4.浮动四大特性 # 浮动元素脱离标准文档流 # 贴靠 # 字围效果 # 自动收缩或紧缩 二.今日内容回顾 1.浮动元素的问题和解决问题 1)问题: 浮动元素确实能实现我们页面元素并排的效果,同时他也带来了页面布局极大的错乱. 如不会自动填充父盒子的宽度,导致父盒子不能占位,后边元素就会和浮动元素重叠. 2)清除浮动 (1).给父盒子设置高度 (2).在浮动元素附近加clear:both标签属性  …
11.38 css三大特性 11.381 继承性 1.定义:给某一个元素设置一些属性,该元素的后代也可以使用,这个我们就称之为继承性​2.注意:    1.只有以color.font-.text-.line-开头的属性才可以继承    2.a标签的文字颜色和下划线是不能继承别人的    3.h标签的文字大小是不能继承别人的,会改变,但是会在原来字体大小的基础上改变    ps:打开浏览器审查元素可以看到一些inherited from...的属性3.应用场景:    通常基于继承性统一设置网页的…
1,以下是CSS中常用字体属性: font-family             字体样式 font-size                字体大小 font-size-adjust  为元素规定 aspect 值 font-weight        规定字体的粗细 font-style   规定文本的字体样式 font-vavisnt   规定是否以小型大写字母的字体显示文本 font-streth  收缩或拉伸当前的字体系列…
文本系列属性主要是设置文本格式的,例如.... 颜色 body {color:red;} h1 {color:#00ff00;} p.ex {color:rgb(0,0,255); 可以设置文本的居中,左对齐,右对齐,两端对齐等,使用text-align属性 h1 {text-align:center;} p.date {text-align:right;} p.main {text-align:justify;} justify属性表示两端对齐 还有设置文本的删除线.下划线.或者删除文本的下划…