zoukankan      html  css  js  c++  java
  • 第三次学习

    1. 学习前端的第三天

    用时:5小时
    学习内容:零基础学院 第三天
    学习目标:完成效果不好

    分享一个很好地网站可以用来学习,对于初学者建立网站很友好

    https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web

    2.什么是CSS,CSS是如何工作的
    css是层叠样示表
    浏览器加载html
    浏览器解析html,同时加载css
    浏览器解析css,并使css结合html,生成DOM(Document Object Model,文档对象模型)
    浏览器展示DOM
    

    3.CSS的基本语法是怎样的
    css规则主要是有两个主要的部分组成,选择器以及一条或者多条声明
    选择器通常是您需要改变样式的 HTML 元素。
    每条声明由一个属性和一个值组成。
    属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。
    例如:h1 是选择器,color 和 font-size 是属性,red 和 14px 是值。
    h1 {color:red; font-size:14px;}
    

    4.CSS选择器是什么概念,简单选择器和属性选择器是什么
    选择器是一种模式,匹配页面元素;
    简单选择器:
    1.类型选择器(p,div)
    2.类选择器(.)
    3.ID选择器(#)
    4.通用选择器(*)
    
    属性选择器:
    1.存在和值(Presence and value)属性选择器
    2.子串值(Substring value)属性选择器
    

    5.文本样式都有哪些相关属性,对应哪些值
    字体样式
    1.color:red; 
    2.font-family:  serif, sans-serif, monospace, cursive,和 fantasy(常用)
    3.font-size:  设置字体大小。常用单位有px,em,rem
    4.font-style:normal: 将文本设置为普通字体 (将存在的斜体关闭)
             italic: 如果当前字体的斜体版本可用,那么文本设置为斜体版本;如果不可用,那么会利用 oblique 状态来模拟 italics。
             oblique: 将文本设置为斜体字体的模拟版本,也就是将普通文本倾斜的样式应用到文本中。
    5.font-weight: 设置文字的粗体大小. 不过一般会用到 normal 和 bold
    6.font-transform:允许你设置要转换的字体
                    none: 防止任何转型。
                    uppercase: 将所有文本转为大写。
                    lowercase: 将所有文本转为小写。
                    capitalize: 转换所有单词让其首字母大写。
    7.text-decoration:    none: 取消已经存在的任何文本装饰。
                    underline: 文本下划线.
                    overline: 文本上划线
                    line-through: 穿过文本的线 
    8.text-shadow:4个参数分别为水平竖直半径颜色
    

    文本布局风格
    1.text-align:left: 左对齐文本。
                 right: 右对齐文本。
                 center: 居中文字
                 justify: 使文本展开
    2.line-height:设置文本行高 2
    3.word-spacing:单词与单词之间距离
    4.letter-spacing:字母与字母之间距离
    

            2020-04-11 
    

    欢迎交流学习

  • 相关阅读:
    C:把算术表达式分成Token
    JavaScript数据结构——链表的实现与应用
    JavaScript数据结构——队列的实现与应用
    JavaScript数据结构——栈的实现与应用
    由“RangeError: Invalid status code: 0”错误所引发的思考
    工作是最好的投资——图书摘录
    Node.js在指定的图片模板上生成二维码图片并附带底部文字说明
    苹果手机对网页上样式为position:fixed的弹窗支持不好的解决办法
    自定义react数据验证组件
    Ubuntu 18.04中截图工具Shutter的编辑按钮不可用的解决办法
  • 原文地址:https://www.cnblogs.com/xing--/p/12682833.html
Copyright © 2011-2022 走看看