CSS
坤少的IT之路
小白之路,全栈之路刚刚开始,这是一条不归路,加油!
展开
-
CSS3 -- API学习 (文字)
以前文字是需要用户界面上下载好了,浏览器才能显示那种字体。现在CSS3解决这种问题,只要开发者定义好这种字体,用户不管在哪里都能显示这种字体样式。font-family:自定义字体名称src:字体位置font-weight:字体粗细 @font-face { font-family: myFirstFont; src: url(sansation_b...原创 2019-04-04 08:32:05 · 216 阅读 · 0 评论 -
CSS3 -- API学习 (2D、3D动画效果)
一、2D效果1.translate(xpx,ypx)、translateX(xpx),translateY(ypx) 右平移xpx,左平移ypx <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <...原创 2019-04-04 12:59:03 · 281 阅读 · 0 评论 -
CSS3 -- API学习 (边框)
一、边框圆角 (border-radius)border-radius:角圆半径;一个参数:全局两个参数:左上和右下 右上和左下三个参数:左上 右上和左下 右下四个参数:左上 右上 右下 左下<!DOCTYPE html> <html> <head> ...原创 2019-04-03 17:44:00 · 125 阅读 · 0 评论 -
CSS3 -- API学习 (背景)
background:①background: red; (颜色或者url)②background: red top left no-repeat; 相当于background、position、repeat加一起一样background-position: 左上(left top) 右上(right top) 右下(right bottom) 左下(left b...原创 2019-04-03 18:49:14 · 196 阅读 · 0 评论 -
CSS3 -- API学习 (渐变)
线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向 径向渐变(Radial Gradients)- 由它们的中心定义一、线性渐变background:linear-gradient(direct , color1 n%,color2n% ,color3 n%,color4 n%, color5 n%)direct:(to right, to ...原创 2019-04-03 19:08:42 · 182 阅读 · 0 评论 -
CSS3 -- API学习 (文本效果)
text-shadow 文本阴影 text-overflow 文本溢出 word-wrap 文本换行 word-break 文本分词1.text-shadow与box-shadow不同的是,没有盒子边框宽度设置<!DOCTYPE html> <html> <head> <meta...原创 2019-04-03 19:32:52 · 195 阅读 · 0 评论