1、用双引号
这是内联样式(inline style),最容易后续维护的是CSS层叠样式
2、Specify How Fonts Should Degrade 指定某种字体自动降级
其实,就是让字体依次排开,前面的不行,就自动往后面降级。
3、Add Borders Around your Elements
4、圆边框:border-radius属性
border-radius:10px;或者border-radius:20%;
说明像素和百分比都可以产生圆角效果
5、无序列表ul,有序列表ol
6、表单
(1)input是自关闭的,type决定输入框是哪种类型,placeholder可以设置文本框的提示信息
(2)创建一个跟web服务器交互的表单(form),达到交互的目的,设置action属性,action属性的值指定了表单提交到服务器的地址。
再设置提交按钮,让表单中的数据发送到action属性指定的地址上。
格式:<button type="submit">this button submits the form</button>
(3)单选按钮属于input,只需要把type设置成radio就可以了;多选按钮也属于input,只需要把type设置成checkbox就可以
7、元素的margin为负,该元素会反向扩大
margin:10px 4px 6px 9px
排列方式是按顺时针方式的,即上、右、下、左
8、聊聊覆盖CSS样式这件事
首先,浏览器是从上到下审查定义的各种样式,如果某个元素被多次设置样式,那么,浏览器只用最后那一种
其次,内联样式也可以改变原有的样式
最后,说说最强的覆盖css的方法(.....前方高能.....)
!important
加上!important后,你的样式就再也不会被改变了
9、Hex Code 表示颜色
那么,问题来了:为什么要用Hex Code表示颜色呢?
因为,Hex Code通过6个位置的字符变换,可以表示差不多1600多万种颜色,表示的颜色多,可以任意选
Hex code 遵循 red-green-blue(红-绿-蓝),或者叫 rgb
格式。hex code 中的前两位表示颜色中红色的数量,第三四位代表绿色的数量,第五六位代表蓝色的数量。
所以要得到绝对的纯红色,你只需要在第一和第二位使用 F(最大可能的数值),且在第三、第四、第五和第六位使用 0(最小可能数值)#FF00000
000000黑色
FFFFFF白色
0 是 hex code(十六进制编码)中最小的一个,它代表颜色的完全缺失。
F 是 hex code(十六进制编码)中最大的一个,它代表最大可能的亮度。