CSS文本属性 属性描述color文本颜色，常用16进制。红绿蓝font-style字体样式。normal|italic（斜体）line-height行高。控制行与行之间的距离。一般用pxletter-spacing字母间距word-spacing字间距text-align设置文本对齐方式。left|right|center|justify（两端对齐）|inherit（从父元素继承）t
字体的设置 设置字体种类：font-family。取值例如宋体，隶书等等 设置字体大小：font-size。取值有如下几种：xx-small(极小),x-small（较小）,smaller,small（小）,medium（标准）,large（大） 设置字体的样式：normal（正常显示字体），italic（斜体字），oblique–歪斜体（倾斜角度大一点） 设置字体粗细：font-weight
CSS 在这里插.clearfix::after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; } * {
1. CSS 背景样式 (1) background-color:背景颜色 (2) background-image:背景图片 (3) background-repeat:图片的平铺方式 repeat-x 水平方向平铺 repeat-y 竖直方向平铺 no-repeat 都不平铺
<!DOCTYPE html> <html lang="en"> <!--还有添加的知识点 本来我们的分辨率是可以对上物理像素的1:1 因为**屏幕技术的出现啊(忘记了)它让像素点在屏幕上压缩使得原本的区域像素点得到了翻倍 n*n 各个手机不一样造成了我们的n倍显示1px我们现在是如比我们的开发像素使365px 手机
main.js 点击查看代码 //引入Vue import Vue from 'vue' //引入App import App from './App.vue' //关闭Vue的生产提示 Vue.config.productionTip = false //创建vm new Vue({ el:'#app', render: h => h(App) }) App.vue 点击查看代码 <template> &
初识CSS 第二节
CSS面试高频问题（一） CSS面试高频问题（二） 4.盒子模型和box-sizing（★★★★★） CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。 分类： 标准盒子模型（W3C)、怪异盒子模型（IE6） 1.标准盒子模型（W3C）： 元素width
内联样式 值 是对象 （将style属性映射成对象） <div style={{width:200+300,height:1==1?200:300,backgroundColor:'red'}}></div> 引入外部样式 import ‘./style.css’ import ‘./style.scss’ css in js styled-components // 安装 npm i styled-components -S import sty
<template> <div class="g-container"> <div class="g-circle"></div> </div> </template> <script> export default { } </script> <style lang="scss"> body, html { wid
<template> <div class="container"> <div class="header"></div> <div class="battery"> </div> <div class="battery-copy"> <div class="g-wave&qu
border-style（边框风格） 定义边框的风格，值可以有： none：没有边框，当border的值为none的时候，系统将会忽略[border-color]hidden：隐藏边框，低版本浏览器不支持。dotted：点状边框。dashed：虚线边框。solid：实线边框。double：双实线边框，两条单线与其间隔的和等于border-width值。 border-style
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ margin: 0; } #top{ width:100vw; height:150px; border:1px solid blue; } #out{ width:100%; height:150%
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=
下载地址 基于Bootstrap的网格系统和进度条组件来制作的炫酷飞机和跑道样式进度条CSS3动画特效。该进度条以飞机起飞作为进度条刻度动画，带进度数值显示，效果非常酷。HTML结构该进度条特效使用Bootstrap网格系统来进行定位，进度条使用Bootstrap的.progress组件来制作。每一个.progr
利用jquery制作分页器 1.使用说明需要使用jQuery库文件和JQuery Pager库文件 2.素材准备分页器CSS样式文件，可复制如下CSS样式，可命名为Pager.css #pager ul.pages { display:block; border:none; text-transform:uppercase; font-size:10px; margin:10px 0 50px; padding:0; } #p
圆角边框 border-radius: 20px 10px 50px 30px; 使用border-radius制作特殊图形： 圆形 利用border-radius属性制作圆形的两个要点： ① 元素的宽度和高度必须相同 ② 圆角的半径为元素宽度的一半，或者直接设置圆角半径值为50% #div1{ width: 200px; height: 200px;
半个，还差一点，但是我懒 用边框写的，绝对定位，然后写好一个，其他的写旋转缩放去网页调整到合适位置 <style> { margin: 0; padding: 0; } section { width: 600px; height: 400px; backgrou
★ 父元素和子元素宽高不固定，如何实现水平垂直居中 - 弹性盒模型 -父元素设置：display:flex; justify-content:center; align-items:center -额外的骚操作：父元素设置弹性盒display:flex; 子元素可以设置margin: auto; 实现垂直水平居中 - 定位属性（position）配合位移属性（tran
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- border-style =边框线条 solid 实线 dashed 虚线 想要针对某一个单独位置设置边框颜色
盒子模型（box模型） 在css当中，默认将每一个元素（不管是行内元素还是块级元素）都当作一个矩形盒子，将各个元素划分为了不同的部分。 组成部分定义margin外边距border边框padding内边距content内容 注意：在一般情况下（box-sizing选择为content-box）时，我们定义的高和宽都是针对content而
边框（三要素） 宽度 border-width 单位是px 线型 border-style solid实线 dashed虚线 dotted点状线 颜色 border-color 就是普通的颜色 transparent（透明色） 书写小属性的好处是可以层叠通用属性，用于调个别样式 四个方向的边框 border-top border-right border-bottom border-le
WPF 显示Grid网格线 一、添加GridOptions类： public class GridOptions { //暂时不处理实时显示的事情 #region 显示边框信息 public static readonly DependencyProperty ShowBorderProperty = DependencyProperty.RegisterAttached
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <style type="text/css"> boby{ margin: 0 auto; pa
<!DOCTYPE HEML PUBLIC><html> <head> <meta charset="utf-8"> <style> html, body { width: 100%; height: 100%; margin: 0; pa
