web前端之css
关注
分享
扫一扫
daneeee
努力，加油，一切皆有可能
展开
-
属性选择器和文本背景的改变
子串匹配属性选择器 【foo^=“bar”】 选择fool属性以bar开头的所有元素 【foo$=“bar”】 选择fool属性以bar结尾的所有元素 【foo*=“bar”】 选择fool属性包含bar字串的所有元素 【foo~=“bar”】 选择fool属性包含bar的所有元素 [att|=“val”] 表示att属性会选择等于val或者以val开头的所有元素 ...原创 2019-03-14 16:51:53 · 146 阅读 · 0 评论 -
css-字体和文本属性
css之字体 font-family : 设置字体 一共有5个字体类型 sans-serif（没有衬线）：Verdana、Arial、Arial Black… serif（有衬线）Times New Roman… monospace（宽度相同） cursive（包含看似好像手写的字体，有趣） fantasy（包含装饰性字体） font-size：设置字体的大小 四种方式：px; 百分比（相...原创 2019-03-14 22:10:55 · 138 阅读 · 0 评论 -
css-链接样式、图片、鼠标样式的改变
链接样式的改变(伪类） 静态伪类 <body link=“未访问的链接样式” vlink=“已访问链接样式”> a:link{未访问的链接样式} a:visited{已访问链接样式} 动态伪类 a:focus a:hover 当鼠标在上边的时候 a:active ...原创 2019-03-15 16:41:17 · 592 阅读 · 0 评论 -
web前端css之表
表布局 表标题的设置 caption-side控制标题是在上边还是在下边（top bottom） 表单元格边框 border-collapse的值有separate（分开的，为初始值）和collapse（合并的） 边框间隔 border-spacing 后边指定具体的数值。可能有两个数值第一个为水平距离，第二个为垂直距离。 处理空白单元格 empty-cells有show和hide...原创 2019-03-24 22:41:31 · 136 阅读 · 0 评论 -
web前端之改变元素的显示
display 其改变的只是其显示的方式，而并不是其本质。 inline（行内元素）无法设置width block（块显示方式）无法设置text-align none inline-block（行内块元素）可以设置width height但是基线与行文本是持平的 run-in（可以使某些块状元素称为下一个元素的行内部分） ...原创 2019-03-22 18:08:38 · 420 阅读 · 0 评论 -
css前端之列表和计数器
list-style-position inside outside list-style-image list-style-type 列表前有不同的形状 计算器的起点 count-rest 设置为计数器 chapter 也可以设置为有初始值的 使计数器递增 count-increment ...原创 2019-03-26 13:43:16 · 484 阅读 · 0 评论 -
web前端css之在页面中加入新字体
CSS3 @font-face 规则 @font-face { font-family: 所使用字体所定义的名字; src: url(sansation_light.woff);//此值指的是你自定义的字体的存放路径，可以是相对路径也可以是绝路径 } ...原创 2019-03-31 23:42:42 · 1478 阅读 · 0 评论 -
web前端之半透明颜色
有两种表示方法 rgba() 有四个属性 红绿蓝和透明度 透明度从1到0逐步越来越透明 hsla() 有四个属性 H：Hue(色调)。0(或360)表示红色，120表示绿色，240表示蓝色，也可取其他数值来指定颜色。取值为：0 - 360 S：Saturation(饱和度)。取值为：0.0% - 100.0% L：Lightness(亮度)。取值为：0.0% - 100.0% A：A...原创 2019-03-28 17:20:12 · 3041 阅读 · 0 评论 -
css前端之边框
border 其有三个属性 分别是宽度，颜色，样式。border-width border-color border-style 还有四个面，border-right，border-bottom，border-left，border-top 其的样式有九种 <!DOCTYPE html> <html> <head> <meta charset...原创 2019-03-28 23:38:15 · 365 阅读 · 0 评论