发表于: 2018-10-18 16:45:53
1 710
今天学到的东西
css
什么是css 就是给html网页添加样式 俗称网页美化
1 css 写在哪里呢?
1 内联样式
2 外联样式
3 嵌入样式
例子如下
2 那怎么给网页美化呢? 添加样式呢?
那就是首先需要找到你要添加样式的 元素 东西
1 类选择器 用法 .类名称 就是那你在html写的每个元素气的名字
2 id选择器 用法 #id名称 名字可以有相同的 id不行 就像人的身份证号
3 文本控制样式 css
font-size 文字大小(一般均为偶数)
color 文字颜色
line-height 行高
4 背景样式
background
background-color 背景颜色
background-image
背景图片
width 宽度
height 高度
margin 外边距
5 常见样式总结
width 宽度 height 高度
background 背景 border 边框
padding 内边距 margin 外边距
font-size 文字大小 font-family 字体
color 文字颜色 line-height 行高
font-weight 文字着重 font-style 文字样式
text-decoration 文本修饰 letter-spacing 字母间距
6 什么是自适应
在网页代码的头部,加入一行viewport元标签
<meta name="viewport" content="width=device-width, initial-scale=1" />
大概意思就是 手机宽度等于当前宽度
7 随着市场的移动设备越来越多 为了是电脑网页适应移动端 样式和字体不改变出现了
相随大小的长度单位
px em rem 作用就是 字体样式会随着页面而该放大缩小
用法如下
1 html{Font-size=62.5%;}
2 将 px像素 除以10换成 rem就行了
8 浮动
float:left 左浮动
float;right 有浮动
2明天打算学习的东西
开发工具的使用
评论