资讯专栏INFORMATION COLUMN

【静态页面架构】CSS之颜色与单位

justjavac / 657人阅读

摘要:架构一颜色与单位颜色前景色与背景色设置文本和背景颜色,前景色就是指字体颜色浏览器默认的字体颜色为黑色背景色就是指指定元素的背景颜色浏览器默认的背景颜色为透明的设置文本颜色设置背景色爱新觉罗颜色的命名单词方式表示颜色目前主流浏览器识

CSS架构

一.颜色与单位
颜色:

前景色与背景色:设置文本和背景颜色




爱新觉罗

颜色的命名:




呼延觉罗

透明度:是以opacity定义元素透明度;范围值0到1.0

二。文本

结构化元素:

标题元素;标题大小用h1到h6表示

常用的h1到h3,h1最大,h6最小



犬夜叉

犬夜叉

犬夜叉

犬夜叉

犬夜叉
犬夜叉

段落元素;是以p元素定义的


Lorem ipsum dolor sit amet, consecteturconsequuntur dolor eaque facere facilis magnam, modi officiis pariatur possimus quasi, rerum sunt .

adipisicing elit. Atque cupiditate eos facere. A accusamus asperiores, at consectetur

其他结构化元素

粗体元素是以b元素定义的

斜体元素是以i元素定义的

上下标元素是以sup元素定义的


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at autem deleniti, dolor eos modi nihil recusandae vel. Aspernatur beatae blanditiis, ea fugiat maxime neque nobis non sequi veritatis vero.

E=MC2公式

H20


4.换行符与水平线;换行是以br元素定义的,水平线是以hr元素定义的
5.空白元素;是以p元素定义的,两个空格以上的,只显示一个空格



爱 新觉罗

语义化元素:


呼延觉罗呼延觉罗

呼延觉罗呼延觉罗


东北三省又称“东三省”,为东北清朝末年以后的三个行政区,与地理文化上的东北地区没有关系

说明:声明不是一个HTML

东北三省又称“东三省”为东北清朝末年以后的三个行政区,与地理文化上的东北地区没有关系


东北三省又称“东三省”为东北清朝末年以后的三个行政区,与地理文化上的东北地区没有关系

东三省

吉林省吉林市

内容修改元素;以ins表示带有下划线的文本
以del表示带有删除线的文本


东北 三省 又称 东三省

字体样式:

字体系列;以font-family表示

 

字体大小;是以font-size用于设置字体大小

 

粗体;是以font-weight用于设置字体粗细程度

4.font属性;是可同时设置字体的样式

    


呼延觉罗

爱新觉罗

二。文本样式:

文本装饰;

 


爱新觉罗

行间距;




呼延觉罗

爱新觉罗

字母间距和单词间距;




aixinjueluo

front end dev

爱新觉罗

水平对齐方式;




爱新觉罗

爱新觉罗

爱新觉罗

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam aut facere fugit ipsa iste laboriosam natus nulla,

垂直对齐方式;




Lorem ipsum dolor sit amet, consectetur adipisicing elit.

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/113811.html

相关文章

  • 静态页面架构CSS链接和图像

    CSS架构 一。链接: 链接元素:通过使用a元素的href属性设置跳转到指定页面地址 a{ color: blue; text-decoration: none; } a:hover{ cursor:default; text-decoration:...

    jlanglang 评论0 收藏0
  • 静态页面架构CSS其它元素

    摘要:架构其他元素块级元素与内联元素该元素独占一行只以垂直方向排列内联元素该元素不会独占一行,只以水平方向排列不能设置宽高行内块级元素该元素不会不会独占一行,还是水平方向排列,可设置宽高块级元素元素独占一行,以垂直方向排列内联元素元素不会独占一行 CSS架构 其他元素; 块级元素与内联元素;该元素独占一行只以垂直方向排列 内联元素;该元素不会独占一行,只以水平方向排列(不能设置宽高) 行...

    weakish 评论0 收藏0
  • 静态页面架构CSS盒子模型

    摘要:架构盒子模型以内容区显示文本和图像内边距内容区至边距的距离边距内容区的边界外边距元素的边框之间的距离边距属性简写属性用来设置边距的上右下左。 CSS架构 盒子模型; 以内容区(显示文本和图像) 内边距(内容区至边距的距离) 边距(内容区的边界) 外边距(元素的边框之间的距离) 1.边距; border属性; 简写属性用来设置边距的上(top)右(right)下(bottom)左(lef...

    fanux 评论0 收藏0
  • CSS学习笔记(六) 元素定位

    摘要:方法一为父元素添加方法二同时浮动元素方法三添加非浮动的清除元素定位布局的核心是属性,对元素盒子应用这个属性,可以相对于它在常规文档流中的位置重新定位。绝对定位绝对定位会把元素彻底从文档流中拿出来,然后相对于其他元素默认是定位上下文定位。 1.盒模型 盒模型,就是 浏览器为页面中的每个 HTML 元素生成的矩形盒子。 这些盒子们都要按照 可见版式模型(visual formattin...

    浠ラ箍 评论0 收藏0
  • 静态页面架构CSS表格

    摘要:架构表格元素表格的基本结构以元素建立表格元素是表格行,元素是表示表格单元格表格以行和列表示容器元素属性默认的表格和单元格都有边框表格默认是有宽度的单元格之和决定元素表示表格中的单元格单元格默认宽度由内容决定姓名年龄职业桐人 CSS架构 表格: 1.元素: 表格的基本结构;以table元素建立表格tr元素是表格行,td元素是表示表格单元格 ...

    instein 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<