1+x证书学习日志——css常用属性】的更多相关文章

 ## css常用属性:             1:文本属性:                 文本大小:  font-size:18px;                 文本颜色    color:#ff0000                 文本类型:   font-family:'微软雅黑'                 文本加粗    font-weight:bold/bolder   normal 常规文本                 文本的倾斜  font-style: …
css 位移常用属性 transform:translate(x,y): transform:translateX(); transform:translateY(); 旋转属性 2d旋转: transform:rotate(): /*绕着中心点转动*/ transform:rotateX(): /*绕着X轴转动*/ transform:rotateY(): /*绕着Y轴转动*/ 变形原点: transform-origin: X轴位置 Y轴位置: 缩放属性 transform:scale();…
## 因为初级的内容较多,所以选了一些有用的 需要记忆的内容写下 方便日后回顾 CSS语法   选择符{属性:属性值;} ##             所有的css代码 都要放在css样式表里面                 1:内部样式表  在head里面添加 style标签                 2:外部样式表                       连接外部样式表                         <link rel="stylesheet" …
##css选择符                 1:类型选择符 直接用标签名称当作选择符                     特点:选中所有同类元素                 2:id名称  <标签 id="名称"></标签>                     #名称{}                     特点:唯一性                     作用:id划分网页外围结构                 3:class名称(…
形成一个3D的空间 transform-style: preserve-3d; ### 3D在2D的基础上,多了这些内容 位移 transform:translateZ(); 旋转 transform:rotateZ() 缩放内容涉及过多,暂不讨论 立方体的效果实现 <style> *{ margin:0; padding:0; } section{ width:300px; height:300px; position:fixed; background:purple; left:0;rig…
好程序员web前端分享css常用属性缩写,使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 pr…
目录: 1.1 设置样式的七个选择器 1.2 css常见属性浅析 1.3 css布局中常用方法 1.1 设置样式的七个选择器返回顶部 1.其中选择器介绍 1. 直接在标签里的style标签写样式 2. id选择器(名字以“#”号开头):       只能被某一个标签使用 3. class选择器(名字以“.”号开头):   可以被多个标签同时引用 4. 标签选择器:比如你设置一个div标签选择器,那么所有div默认都会使用这个样式 5. 层级选择器(用空格分隔):     span div{}  …
一.文本Text CSS text-align 属性 文本对齐方式 CSS text-decoration 属性 text-decoration 属性规定添加到文本的修饰 CSS line-height 属性 设置以百分比计的行高 CSS text-transform 属性 text-transform 属性控制文本的大小写 CSS3 text-overflow 属性 text-overflow 属性规定当文本溢出包含元素时发生的事情 1.CSS text-align 属性   文本对齐方式 l…
CSS content 属性常结合:before 和:after 这两个伪类一起使用,给指定的元素添加内容来丰富页面. 1. 添加文本内容 html: <h1>给末尾添加内容. </h1> <h2>给末尾不添加内容. </h2> css: <style> h1::after{ content: " hello world!!" } h2::after{ content: none } </style> 所要添加的内…
01 复习内容 复习之前的知识点 02演示VS创建元素 03div和span区别 通过display属性进行DIV与Span之间的转换.div->span 设置display:inline    span->div 设置display:block <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont…